成都網站制作之html5媒體播放器

這款播放器大的特點是只需要插入一段簡單的代碼，就可以使用html5代碼在所有主流瀏覽器和手機上播放音視頻。
這意味著你不用安裝任何插件或輔助播放器。

1.如何使用
在頁面的 標簽中插入如下一段代碼：

 

1. <script src= “http://api.html5media.info/1.1.5/html5media.min.js”></script>

添加視頻：在需要的地方插入如下代碼：

 

1. <video src= “video.mp4″ width= “320” height= “200” controls preload></video>

添加音頻：在需要的地方插入：

 

1. <audio src= “audio.mp3″ controls preload></audio>

其它需要說明的地方：
1.給視頻添加一個封面圖片

 

1. <video src= “video.mp4″ poster= “poster.jpg” width= “320” height= “200” 
2. controls preload></video> 

2.增加備用的視頻格式
目前此播放器僅支持.mp4格式的視頻，但有些瀏覽器不支持.mp4格式視頻，所以需要添加備用的格式，如WebM 或Theora。你可以用Miro video converter對原視頻進行轉化成WebM或Theora格式。然后插入以下代碼：

 

1. <video width= “320” height= “200” controls preload> 
2. <source src= “video.mp4″></source>
3. <source src= “video.webm”></source>
4. </video> 

3.支持手機播放
用Miro video converter轉化視頻適合手機播放，然后插入以下代碼：

 

1. <video width= “618” height= “347” controls preload> 
2. <source src= “video.mp4″ media= “only screen and (min-device-width: 960px)”></source>  
3. <source src= “video.iphone.mp4″ media= “only screen and (max-device-width: 960px)”></source>  
4. </video> 

4.以上這些功能可以合并

 

1. <video poster= “poster.jpg” width= “618” height= “347” 
2. controls preload>
3. <source src= “video.mp4″ media= “only screen and (min-device-width: 960px)”>  
4. </source>
5. <source src= “video.iphone.mp4″ media= “only screen and (max-device-width: 960px)”>  
6. </source>
7. <source src=“video.ogv”></source>
8. </video> 

5.其它問題：
服務器不支持:Apache在根目錄.htaccess文件里添加以下代碼：

1. AddType video/ogg .ogv  
2. AddType video/mp4 .mp4  
3. AddType video/webm .webm 

window服務器可以分別訪問 IIS6和IIS7獲得幫助.
flash播放器安全設置： Flash Security Settings
MP4視頻格式是否標準，使用Miro video converter轉化成標準的視頻格式。
官方網站：html5media

新聞名稱：成都網站制作之html5媒體播放器
URL鏈接：http://www.jbt999.com/news6/41956.html

網站建設、網絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站制作等

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)