<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="robots" content="noindex" /> <title>My Weblog</title> </head> <body> <video width="640" height="360" src="http://www.youtube.com/v/7_6B6vwE83U" controls autobuffer> </video> </body> </html>
I've tried running this in Chrome, FF, and Safari and it doesn't work in either. Is this how you take a video from Youtube and use it within the video element, or am I missing a step?
In Safari and Chrome the video first shows the controls and then they disappear and you clicking on the Play icon does nothing. In FF it just shows a grey scree with a X in it.
Just started experimenting with HTML5 and can't quite understand this. Thanks for the help!
EDIT: Just worth mentioning that if I go the HTML4 approach it works in all 3 browsers:
<object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://www.youtube.com/v/7_6B6vwE83U"><param name="movie" value="http://www.youtube.com/v/7_6B6vwE83U" /></object>
This post has been edited by eZACKe: 20 August 2011 - 07:46 PM