javascript - 如何制作一个通用的 HTML5 视频播放器

Question

我需要构建一个通用的 html5 视频播放器，播放带有网络链接的视频，例如:http://youtu.be/o_1aF54DO60或 http://example.pt/video/aadygx .

我已经试过了，但是不行:

<video width='500' heigth='500' controls='controls'>
  <source src='http://youtu.be/o_1aF54DO60'>
</video>

http://jsfiddle.net/j29nA/

我如何为用户提供的各种网络链接执行此操作？

Answer 1

    <video>
<source src="MP4-VIDEO-URL" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="WEBM-VIDEO-URL" type='video/webm; codecs="vp8, vorbis"'>
<source src="OGV-VIDEO-URL" type='video/ogg; codecs="theora, vorbis"'>

<object width="320" height="240" type="application/x-shockwave-flash"
data="FLASHPLAYER-URL"> 
<param name="movie" value="FLASHPLAYER-URL" /> 
<param name="allowfullscreen" value="true" /> 
<param name="flashvars" value='config={"clip": {"url": "MP4-VIDEO-URL", "autoPlay":false, "autoBuffering":true}}' /> 
</object>
</video>

更多信息可以从 http://www.doomby.com/pages/webmaster-tutorials/pages/add-universal-video-support-with-html5.html

或

http://www.htmlgoodies.com/html5/client/how-to-embed-video-using-html5.html#fbid=pgr3yUv00os