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

Answer 2

我的解决方案是测试链接是来自youtube还是vimeo，并将给定的网址解析为一个已嵌入的网址，以便使用他们的<iframe>

如何制作通用的HTML5视频播放器

2 个答案: