How to play a youtube video without iframes?

Question

Looking for a way to display a youtube video in a video player powered by HTML, Javascript, PHP, or CSS. Probably CSS. I'm not against downloading the video and hosting it myself it need be but I would prefer to let google host it.

Any Ideas?

Solution

When you embed a video, you have the option to use the "Old Embed Code", which uses an object tag rather than an iframe. Here is an example:

<object width="560" height="315">
  <param name="movie" value="http://www.youtube.com/v/aBcDeFg?hl=en_US&amp;version=3"></param>
  <param name="allowFullScreen" value="true"></param>
  <param name="allowscriptaccess" value="always"></param>
  <embed src="http://www.youtube.com/v/aBcDeFg?hl=en_US&amp;version=3" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>

Comments

[user2200638]

This is a pretty cool script thank you for sharing it. However I need the video to be displayed like it would be an iframe, but without an iframe. Iframes don't work well with mobile sites.

[Shadowpat]

ohh i see what you mean. Yeah, Yahoo Player may be a bit weird on a mobile site. I'm guessing the reason you didn't want to use iframes was because they may not be displayed properly, or even supported, on mobile devices. Maybe there is a plugin to do this?

[Eric Martindale]

These links are 404'ing... where's the source?

[Carlos ABS]

Those links are no longer valid.

[brauliobo]

it now converts into an iframe