Welcome to WebmasterWorld Guest from 50.17.87.126

Forum Moderators: open

Message Too Old, No Replies

html 5 videos

     

phex

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

5+ Year Member



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?

justa

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

10+ Year Member



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>

JPcinemamaster

9:39 pm on May 2, 2011 (gmt 0)

5+ Year Member



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

Featured Threads

Hot Threads This Week

Hot Threads This Month