[b]Live Preview [url=http://www.friendster.com/7027003][u]here[/u][/url] on my profile.[/b] [img]http://localhostr.com/files/619eaf1a03412db07bd2.jpg[/img] 1. Go to you tube and find the embed code for the video you want to display. 2. Copy it into your notepad and find the embed src. [img]http://localhostr.com/files/528e4f0ad98c91bc06f2.jpg[/img] 3. Copy the src. [img]http://localhostr.com/files/0b028b1d6a2aa9cc0df0.jpg[/img] 5. Copy the code below and replace the [b]YOUTUBE_URL[/b] in the code below with your embed src: [quote]<div align='center' id='Utubediv' style='width:100%;height:[b][color=green]218[/color][/b]px;overflow:hidden;'><embed src='[b]YOUTUBE_URL[/b]' width='295px' type='application/x-shockwave-flash' height='[b][color=blue]247[/color][/b]px;' scale='scale' wmode='transparent'></embed></div>[/quote] Placing the youtube embed inside a div and styling that div's height and width plus hidden overflow is the [b]key[/b]. The difference between [b][color=green]218[/color][/b] and [b][color=blue]247[/color][/b] is what hides the controls. This embed's width and height is for sidebar. If your youtube is not 295px in width, then adjust both the style & actual heights accordingly. [align=center][b]*This trick can be applied to other streaming video players[/b] [/align] 6. copy & paste the code to mediabox or place it in a sidebar in your js. [b]addons:[/b] Just add these to the end of your [b]YOUTUBE_URL[/b] [b]&autoplay=1[/b] this autoplays the video. [b]&rel=0[/b] this stops the related videos menu from showing after the video ends. That's it! Your done! Believe it!

Last edited by shakiro214 (2007-12-15 13:26:18)