Welcome to WebmasterWorld Guest from 54.160.163.163

Forum Moderators: open

Message Too Old, No Replies

WebM, OGG, MP4

     

BobMane

2:17 pm on Jun 5, 2010 (gmt 0)

5+ Year Member



From: [diveintohtml5.org...]

I determined that all 3 (webm, OGG, MP4) are needed in something like this:

<video width="320" height="240" controls>
<source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="pr6.webm" type='video/webm; codecs="vp8, vorbis"'>
<source src="pr6.ogv" type='video/ogg; codecs="theora, vorbis"'>
</video>


And with Flash:

<video id="movie" width="320" height="240" preload controls>
<source src="pr6.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<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://example.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>




Does anyone have some example of this working and in practice?

Does anyone have some example of this working and in practice- using a js playlist to load videos?

Does anyone have some example of this working and in practice- using a js playlist to also load alternate source videos? for the sake of example, video 1 comes from brightcove, video 2 comes from server, video 3 comes from Amazon s3, video 4 comes from YouTube (or some variation of these)....all videos load in to a "video area" when invoked from the playlist.

[edited by: travelin_cat at 3:21 pm (utc) on Jun 5, 2010]
[edit reason] changed url to example.com [/edit]

 

Featured Threads

Hot Threads This Week

Hot Threads This Month