- Code: Select all
<!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 gray screen 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:
- Code: Select all
<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>
