如何製作通用HTML5視頻播放器

我需要製作一個通用html5視頻播放器，其中使用網絡鏈接播放視頻，例如：http://youtu.be/o_1aF54DO60或http://example.pt/video/aadygx。如何製作通用HTML5視頻播放器

我試過這個，但是這麼想的工作：

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

http://jsfiddle.net/j29nA/

我怎樣才能做到這一點對用戶給予各種形式的網頁鏈接？

來源

2014-02-20 Severiano

嘗試'src ='http：//www.youtube.com/embed/o_1aF54 DO60''。您的網址實際上並不指向文件。 – putvande

我試過了，沒有工作 – Severiano

您使用的youtube鏈接指向包含視頻**的**頁面，而不是直接鏈接到視頻文件本身。發現直接鏈接有點棘手。顯然，YouTube不會讓您將視頻嵌入您想要的任何播放器中。 – TastySpaceApple

找到我的解決辦法是測試如果鏈接來自YouTube或VIMEO並解析給定的URL到embebed URL以便使用它們

來源

2014-02-20 18:33:56 Severiano

<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.htmlgoodies.com/html5/client/how-to-embed-video-using-html5.html#fbid=pgr3yUv00os

來源

2014-02-20 10:11:25 Adel

如何製作通用HTML5視頻播放器

回答

相關問題