成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

成都網(wǎng)站制作之html5媒體播放器

2016-09-05    分類: 網(wǎng)站制作

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

1.如何使用
在頁(yè)面的 標(biāo)簽中插入如下一段代碼:

 

  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>

其它需要說(shuō)明的地方:
1.給視頻添加一個(gè)封面圖片

 

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

2.增加備用的視頻格式
目前此播放器僅支持.mp4格式的視頻,但有些瀏覽器不支持.mp4格式視頻,所以需要添加備用的格式,如WebM 或Theora。你可以用Miro video converter對(duì)原視頻進(jìn)行轉(zhuǎn)化成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.支持手機(jī)播放
用Miro video converter轉(zhuǎn)化視頻適合手機(jī)播放,然后插入以下代碼:

 

  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.其它問(wèn)題:
服務(wù)器不支持:Apache在根目錄.htaccess文件里添加以下代碼:

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

window服務(wù)器可以分別訪問(wèn) IIS6IIS7獲得幫助.
flash播放器安全設(shè)置: Flash Security Settings
MP4視頻格式是否標(biāo)準(zhǔn),使用Miro video converter轉(zhuǎn)化成標(biāo)準(zhǔn)的視頻格式。
官方網(wǎng)站:html5media

新聞名稱:成都網(wǎng)站制作之html5媒體播放器
URL鏈接:http://jinyejixie.com/news6/41956.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站托管運(yùn)營(yíng)
黎平县| 永仁县| 中江县| 雷山县| 仙桃市| 莆田市| 开化县| 金山区| 河曲县| 兴义市| 石渠县| 莱芜市| 红原县| 三门县| 陆良县| 南昌市| 当雄县| 漳浦县| 西贡区| 沙洋县| 罗城| 喜德县| 芜湖市| 德阳市| 伊通| 青浦区| 兰溪市| 大埔区| 曲阳县| 宁德市| 抚远县| 五大连池市| 三亚市| 拉萨市| 黔江区| 广水市| 洞头县| 铜鼓县| 平谷区| 五寨县| 巴青县|