Go Back   vb.org Archive > vBulletin Modifications > vBulletin 3.8 Modifications > vBulletin 3.8 Add-ons

Reply
 
Thread Tools
EYO-AIM v1.2 (Embed Youtube Over An Image Mod) Details »»
EYO-AIM v1.2 (Embed Youtube Over An Image Mod)
Version: 1.00, by yotsume yotsume is offline
Developer Last Online: Jul 2017 Show Printable Version Email this Page

Category: New Posting Features - Version: 3.8.4 Rating:
Released: 12-25-2009 Last Update: 12-25-2009 Installs: 9
Additional Files  
No support by the author.

EYO-AIM v1.2
Embed Youtube Over An Image Mod

Designed by: Yotsume

COMPATIBILITY NOTE:
This mod works with vBulletin 3.6, 3.7, 3.8, and 4x as well as with vBadvanced.
DESCRIPTION:
This code will allow you to embed a Youtube video in any forum post that you allow html to be posted by a select usergoup. The code will also work in any standalone html based webpage across all browsers. So you can use vBadvanced to call the html page with this code in it as well. You can use any image as the background so long as the dimensions match the youtube embed code. (I will be designing a few other background images as players soon that I will release in the next version of this mod. If you design an image for the background, please post it here for us all and I will include it in the download file.)
PREREQUISITE:
You must first install the mod: "Allow Usergroups to post HTML"
https://vborg.vbsupport.ru/showthread.php?t=229035
INSTRUCTIONS:
1. Install the mod: "Allow Usergroups to post HTML".

2. Edit a usergroup that you wish to allow the posting of html.

4. Upload the iphone.gif image file to your images folder or any select location you desire. (Note: I made this iphone.gif transparent so if you edit it or alter it you should use a quality program like Photoshop to retain its transparency.)

5. Paste the following code into the body of your post:

Code:
<table style="width: 450px; height: 235px;" align="center" background="http://www.your.domain.com/images/iphone.gif" cellpadding="0" cellspacing="0"><tbody><tr><td class="style2"><center><object style="width: 295px; height: 197px;" align="middle"><embed src="http://www.youtube.com/v/jZ5tdi55K1w&hl=en_US&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" align="middle" width="295" height="197"></object></center></td></tr></tbody></table>
6. Change the first url in BLUE to point to where you uploaded the iphone.gif image file.

7. Change the second url in RED for the Youtube video you wish to embed in your post.

8. Save your new post or reply and your video should show up perfectly centered in your post.
IMPORTANT NOTE:
You must use Youtube's embed URL found in the embed code and not the normal video link. In my example I have disabled related videos: rel=0
Live Demo: (sorry demo is currently not available)

FUTURE DEVELOPMENTS:
-Convert this mod to a BB Code format. DONE!!!
-Include the transparent mode line of code so the flash will not show over other site elements.
-Embed video over other images not just an iPhone.
-Ability to choose what background you want as you are creating a new post or reply.
Change Log:
Version 1.2 - My MOD can now be used as a BBCode to embed Youtube video IDs.
Version 1.0 - Initial Release
Instructions for using my MOD as a BBCode:
Title: Youtube
BB Code Tag Name: yt
Replacement:
Code:
<table style="width: 450px; height: 235px;" align="center" background="http://www.yourdomain.com/images/iphone.gif" cellpadding="0" cellspacing="0"><tbody><tr><td class="style2"><center><object style="width: 295px; height: 197px;" align="middle"><embed src="http://www.youtube.com/v/{param}?hl=en_US&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" align="middle" width="295" height="197"></object></center></td></tr></tbody></table>


Example
: [yt]TiQ8c11dkU0[/yt]

Description: Embed any Youtube video in a post with the video's ID not the full URL. Videos will display over an image of either and iPhone or TV depending on which you chose in the code to use.

Use {option}: No

Button Image
(Optional): http://www.yourdomain.com/images/buttons/youtube.gif

Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: Yes
Disable Smilies Within This BB Code: Yes
Disable Word Wrapping Within This BB Code: Yes

Download Now

File Type: zip EYO-AIM v1.0 (Embed Youtube Over Image Mod).zip (124.6 KB, 75 views)

Screenshots

File Type: jpg iPhone Youtube Player.jpg (72.1 KB, 0 views)
File Type: jpg iPhone Youtube Player VBA Block.jpg (56.2 KB, 0 views)
File Type: gif iphone.gif (15.2 KB, 0 views)
File Type: gif tv.gif (9.1 KB, 0 views)
File Type: jpg TV Youtube Player.jpg (52.9 KB, 0 views)
File Type: jpg TV Youtube Player VBA Block.jpg (28.9 KB, 0 views)

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #12  
Old 03-27-2014, 03:02 AM
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Dec 2006
Posts: 844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I am planning to update my MOD here to convert it to a BBCode. I also learned that if your forum has an SSL certificate installed and your connection is secured behind HTTPS all you have to do is add the "S" to the Youtube embed code making it https rather then http for my MOD to work.
Reply With Quote
  #13  
Old 03-28-2014, 01:25 AM
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Dec 2006
Posts: 844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

BBCode Version:
Title: Youtube

BB Code Tag Name
: yt

Replacement:
Code:
<table style="width: 450px; height: 235px;" align="center" background="http://www.yourdomain.com/images/iphone.gif" cellpadding="0" cellspacing="0"><tbody><tr><td class="style2"><center><object style="width: 295px; height: 197px;" align="middle"><embed src="http://www.youtube.com/v/{param}?hl=en_US&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" align="middle" width="295" height="197"></object></center></td></tr></tbody></table>
Example: [yt]TiQ8c11dkU0[/yt]

Description: Embed any Youtube video in a post with the video's ID not the full URL.

Use
{option}: No

Button Image (Optional): http://www.yourdomain.com/images/buttons/youtube.gif or tv.gif)
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: Yes
Disable Smilies Within This BB Code: Yes
Disable Word Wrapping Within This BB Code: Yes
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 06:08 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.03648 seconds
  • Memory Usage 2,246KB
  • Queries Executed 18 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (3)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (3)post_thanks_box
  • (3)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (3)post_thanks_postbit_info
  • (2)postbit
  • (7)postbit_attachment
  • (3)postbit_onlinestatus
  • (3)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete