Recently I had the opportunity to build an HTML5 video player for the iPad. I wanted to share the code and markup with you all since I never got to use it. Just to make sure you all know, this is just specifically for the iPad since a presentation was supposed to be given on it. Nothing fancy. I just wanted it to play a video:
[html]
<!DOCTYPE html>
<head>
<meta charset=”utf-8″>
<meta name=”apple-mobile-web-app-capable” content=”yes” />
<title>My Video</title>
<link rel=”apple-touch-icon” href=”icon.png” />
<style>
body {margin:0;}
</style>
</head>
<body>
<video width=”1024″ height=”750″ controls=”true”>
<source src=”videos/video-name.mov” /><!– WebKit video –>
</video>
</body>
</html>
[/html]
What are you using to display code in your blog posts? Looks great!
Thanks Eric. It’s called “SyntaxHighlighter Evolved”
I have the html code for music on my web site but I cannot get the music to play on any of the notepads, Ipad, Visual Land, etc. Could you please send me the html code that I can have for my web pages and for the notepads both to hear.
Thank you so much.
Norma
I am attempting to develop a web app using HTML5 video to run on the iPad, and I am encountering the same problem as Norma – the sound of the video won’t play, though it works just fine on other platforms. I have isolated the problem to the tag. Without the tag the page runs in the regular iPad Safari browser (even if you have saved it to the desktop). and the sound plays just fine. I have ios version 6.1.3 running on my iPad. So Allison, do you know what version of ios you were running when it worked? I strongly suspect it’s a bug in the version of ios that I am running, and I want to nail down as many details as I can before I submit the bug to Apple.
Thanks so much. Working great. Is there a way to code in auto play?
Does all browsers today play HTML5 video?
Does this work on Windows OS as well?