Go Back   vb.org Archive > vBulletin Modifications > vBulletin 3.8 Modifications > vBulletin 3.8 Add-ons
FAQ Community Calendar Today's Posts Search

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
  #2  
Old 12-26-2009, 06:14 PM
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Dec 2006
Posts: 844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Additional Background Images
(I will update this post to include other background images.)

TV Youtube Player Code and Background Image:

Code:
<table style="width: 380px; height: 240px;" align="center" background="http://www.your.domain.com/images/tvgif.gif" cellpadding="0" cellspacing="0"><tbody><tr><td class="style2"><center><object style="width: 260px; height: 168px;" align="middle"><embed src="http://www.youtube.com/v/OJSpgiwrPP0&hl=en_US&fs=1&rel=0&color1=0x3a3a3a&color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" align="middle" width="260" height="168"></object></center></td></tr></tbody></table>


INSTRUCTIONS:
  1. Upload the attahed tvgif.gif to your webspace.
  2. Change the url in red to point to where you uploaded the tv image.
  3. Change the url in blue to match the embed url for the Youtube video you wish to embed into your post.
Attached Images
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)
File Type: gif tvgif.gif (9.1 KB, 0 views)
Reply With Quote
  #3  
Old 12-26-2009, 10:04 PM
abdobasha2004's Avatar
abdobasha2004 abdobasha2004 is offline
 
Join Date: Aug 2008
Posts: 541
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

very nice
thanks
Reply With Quote
  #4  
Old 01-07-2010, 04:06 PM
COL NIL SATIS COL NIL SATIS is offline
 
Join Date: Aug 2009
Location: Liverpool UK
Posts: 802
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

looks cool
Reply With Quote
  #5  
Old 01-07-2010, 06:17 PM
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Dec 2006
Posts: 844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

<font color="DarkRed">TV Background Image Added!</font>

I just added a TV player image and embed code that you will find in the second post. I will use the second post to add more background images for this mod and their embed codes.

NOTE: Each new background image will require its own unique embed code because each image has different dimensions which must be adjusted in the embed code.

ENJOY!
Reply With Quote
  #6  
Old 03-02-2010, 04:36 AM
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Dec 2006
Posts: 844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

WOW I expected more people to like this. Oh well. Not sure I will continue to develop it...
Reply With Quote
  #7  
Old 03-02-2010, 07:50 PM
Loget Loget is offline
 
Join Date: May 2008
Location: London
Posts: 193
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

When I first saw the title.. I was like "awesome" but when I seen this.. "Allow Usergroups to post HTML" .. then I thought umm.. (should I install it? or not?)
Reply With Quote
  #8  
Old 03-02-2010, 08:37 PM
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Dec 2006
Posts: 844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Yes I know how you feel.... however the add on to control who can use HTML in a post is awesome. I am the main admin of my site and only I can use html. So You can now allow the use of html per individual members. It is not just for a whole usergroup.

So by restricting the use of html my board remains secure!

The possibility for really making styled background images to act as the players skin is limitless.
Reply With Quote
  #9  
Old 11-01-2012, 07:37 PM
Dorgham's Avatar
Dorgham Dorgham is offline
 
Join Date: May 2012
Location: Egypt
Posts: 69
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Coordinated and wonderful
Thank you
Reply With Quote
  #10  
Old 11-01-2012, 09:08 PM
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Dec 2006
Posts: 844
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Glad you like it! Did you use my image or did you design your own?

Quote:
Originally Posted by Dorgham View Post
Coordinated and wonderful
Thank you
Reply With Quote
Reply


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 08:18 AM.


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.04364 seconds
  • Memory Usage 2,347KB
  • Queries Executed 24 (?)
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)bbcode_quote
  • (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
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (9)postbit
  • (10)postbit_attachment
  • (10)postbit_onlinestatus
  • (10)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