Embedded video player for widescreen videos

  • 1
  • Question
  • Updated 10 years ago
  • Answered
Hi Y'all Yolobians...

My question is about embedded video.

I currently use the default YouTube video insert box. But it is designed for a 4:3 video ratio I believe, what about if the video is in the 16:9ths mammer jammer? (HD widescreen style) Is there a way to remove the black bars on the top and bottom so the video is full screen/rectangular?

You can see an example of how the video looks here: http://www.pazzmanmusic.com/

And thanks soo much for the Amazeballs site! (Amazeballs is the new way to say Amazing, which is also equivalent to Shamazing)..

Mike.. aka pazzmanmusic
Photo of mike


  • 11 Posts
  • 0 Reply Likes
  • sticking my tongue out in a smiley

Posted 10 years ago

  • 1
Photo of Sanja


  • 10698 Posts
  • 495 Reply Likes
Hello Mike

I have found a link on YouTube which may be helpful to you - at least I hope it is: http://www.google.com/support/youtube...
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes
Hey Mike your dimension setting were off in the code you used... For your width of 425 you should have your height set to 265 and not the 350 you have it at presently. Try this code instead...

<object width="425" height="265"><param name="movie" value="https://www.youtube.com/v/3NTmmrW3TvE&... name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="https://www.youtube.com/v/3NTmmrW3TvE&...; type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="265"></embed></object>

The black bars will vanish in the smaller video but when the widescreen button is clicked Youtube has locked those dimensions in and you have no control of them. Meaning the black upper and lower spaces will stay... Sorry to burst a bubble mate...

Here is a modified Real Media code that I made which changes the black bars from top and bottom to left and right on the full screen version. The only drawback is that you do loose some of the screen and the full screen button on the player is non functional thus the reason the added external full screen link was included below the player.

<!-- begin embedded RealMedia file... -->
<table border='0' cellpadding='0' align="center">
<!-- begin video window... -->
<OBJECT id='rvocx' classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA'
width="425" height="265">
<param name='src' value="https://www.youtube.com/v/3NTmmrW3TvE&...;
<param name='autostart' value="false">
<param name='controls' value='imagewindow'>
<param name='console' value='video'>
<param name='loop' value="false">
<EMBED src="https://www.youtube.com/v/3NTmmrW3TvE&...; width="425" height="265"
loop="false" type='audio/x-pn-realaudio-plugin' controls='imagewindow' console='video' autostart="false">
<!-- ...end video window --><!-- begin link to launch external media player... -->
<tr><td align='center'>
<a href="https://www.youtube.com/v/3NTmmrW3TvE&...; style='font-size: 85%;' target='_blank'>Launch in external player to view full screen</a>
<!-- ...end link to launch external media player... -->

Happy site building

You can find me with my head in the honey pot here..

Honey Bear Playhomes Tips and Favs in one place... A Honey bear Playhomes Tip ;)
Photo of Sanja


  • 10698 Posts
  • 495 Reply Likes
Thanks Ed for always being so thorough with your suggestions! =)
Photo of mike


  • 11 Posts
  • 0 Reply Likes
Amazeballs Ed... Simply fantastic reply. Thank you soo much for the hand. I went with the first code you suggested, because I do not care to have the "open in other player" text of the realaudio link.. Thank you soo much for the swift reply. I have had nothing but great experience with the site.. It is a very refreshing customer support experience.