Welcome to WebmasterWorld Guest from 54.196.231.129

Forum Moderators: open

Message Too Old, No Replies

html 5 videos

     
10:32 am on Jan 5, 2011 (gmt 0)

Junior Member

5+ Year Member

joined:Sept 19, 2008
posts:49
votes: 0


Hi guys.

How many different types of source element exists eg.

<video controls>
<source src="video.mp4" type="video/ogg" />
</video>

for html5 video element?
10:57 am on Jan 5, 2011 (gmt 0)

Full Member from GB 

10+ Year Member

joined:Oct 16, 2001
posts:201
votes: 0


There's a few, but this will get you across all the browsers.

<video id="movie" width="320" height="240" preload controls>
<source src="pr6.mp4" />
<source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"' />
<object width="320" height="240" type="application/x-shockwave-flash" data="flowplayer-3.2.1.swf">
<param name="movie" value="flowplayer-3.2.1.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={"clip": {"url": "http://wearehugh.com/dih5/good/bbb_480p.mp4", "autoPlay":false, "autoBuffering":true}}' />
<p>Download video as <a href="pr6.mp4">MP4</a>, <a href="pr6.webm">WebM</a>, or <a href="pr6.ogv">Ogg</a>.</p>
</object>
</video>
9:39 pm on May 2, 2011 (gmt 0)

Junior Member

5+ Year Member

joined:Aug 10, 2006
posts: 90
votes: 0


My client is very concern about iPad users, this approach will likely make everybody happy.