Register Members List Search Today's Posts Mark Forums Read

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

vB Version: 3.8.4 Rating: (1 vote - 5.00 average) Installs: 7
Released: 26 Dec 2009 Last Update: 26 Dec 2009 Downloads: 45
Not Supported Additional Files  

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"
http://www.vbulletin.org/forum/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:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



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

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	iPhone Youtube Player.jpg
Views:	136
Size:	72.1 KB
ID:	108231   Click image for larger version

Name:	iPhone Youtube Player VBA Block.jpg
Views:	141
Size:	56.2 KB
ID:	108232   Click image for larger version

Name:	iphone.gif
Views:	64
Size:	15.2 KB
ID:	108233   Click image for larger version

Name:	tv.gif
Views:	1
Size:	9.1 KB
ID:	148615  

Click image for larger version

Name:	TV Youtube Player.jpg
Views:	6
Size:	52.9 KB
ID:	148617   Click image for larger version

Name:	TV Youtube Player VBA Block.jpg
Views:	8
Size:	28.9 KB
ID:	148618  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Comments
  #2  
Old 26 Dec 2009, 20:14
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Jan 2007
Additional Background Images
(I will update this post to include other background images.)

TV Youtube Player Code and Background Image:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.



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, 25 views)
File Type: jpg TV Youtube Player VBA Block.jpg (28.9 KB, 21 views)
File Type: gif tvgif.gif (9.1 KB, 17 views)
__________________
Yotsume
Kaydev Media Productions
Check out my mods
:
EYO-AIM, FlashChat Combo-Module for vBadvanced 3.6x or 3.7x

Last edited by yotsume; 07 Jan 2010 at 20:22.
Reply With Quote
  #3  
Old 27 Dec 2009, 00:04
abdobasha2004's Avatar
abdobasha2004 abdobasha2004 is offline
 
Join Date: Aug 2008
very nice
thanks
__________________
Egypt News website, latest Egyptian news updated instantly.
Reply With Quote
  #4  
Old 07 Jan 2010, 18:06
COL NIL SATIS COL NIL SATIS is offline
 
Join Date: Aug 2009
Real name: Col
looks cool
Reply With Quote
  #5  
Old 07 Jan 2010, 20:17
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Jan 2007
TV Background Image Added!

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!
__________________
Yotsume
Kaydev Media Productions
Check out my mods
:
EYO-AIM, FlashChat Combo-Module for vBadvanced 3.6x or 3.7x
Reply With Quote
  #6  
Old 02 Mar 2010, 06:36
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Jan 2007
WOW I expected more people to like this. Oh well. Not sure I will continue to develop it...
__________________
Yotsume
Kaydev Media Productions
Check out my mods
:
EYO-AIM, FlashChat Combo-Module for vBadvanced 3.6x or 3.7x
Reply With Quote
  #7  
Old 02 Mar 2010, 21:50
Loget Loget is offline
 
Join Date: May 2008
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 02 Mar 2010, 22:37
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Jan 2007
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.
__________________
Yotsume
Kaydev Media Productions
Check out my mods
:
EYO-AIM, FlashChat Combo-Module for vBadvanced 3.6x or 3.7x
Reply With Quote
  #9  
Old 01 Nov 2012, 20:37
Dorgham's Avatar
Dorgham Dorgham is offline
 
Join Date: May 2012
Coordinated and wonderful
Thank you
__________________
AdSense revenue sharing 100% - [ Hanan ]
News, egypt : أخبار مصر - Photo, picture : صور
Reply With Quote
  #10  
Old 01 Nov 2012, 22:08
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Jan 2007
Glad you like it! Did you use my image or did you design your own?

Originally Posted by Dorgham View Post
Coordinated and wonderful
Thank you
__________________
Yotsume
Kaydev Media Productions
Check out my mods
:
EYO-AIM, FlashChat Combo-Module for vBadvanced 3.6x or 3.7x
Reply With Quote
  #11  
Old 27 Mar 2014, 04:02
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Jan 2007
Update in the Works!

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.
__________________
Yotsume
Kaydev Media Productions
Check out my mods
:
EYO-AIM, FlashChat Combo-Module for vBadvanced 3.6x or 3.7x
Reply With Quote
  #12  
Old 28 Mar 2014, 02:25
yotsume's Avatar
yotsume yotsume is offline
 
Join Date: Jan 2007
BBCode Version

BBCode Version:
Title: Youtube

BB Code Tag Name
: yt

Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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
Attached Images
File Type: gif youtube.gif (676 Bytes, 76 views)
__________________
Yotsume
Kaydev Media Productions
Check out my mods
:
EYO-AIM, FlashChat Combo-Module for vBadvanced 3.6x or 3.7x
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

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


New To Site? Need Help?

All times are GMT. The time now is 01:11.

Layout Options | Width: Wide Color: