小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

搜索
分享

網(wǎng)頁視頻播放器video.js

 WindySky 2016-05-17

網(wǎng)頁視頻播放器video.js

分類：WEB前端 時(shí)間：

video.js是一個(gè)集成HTML5和Flash的開源網(wǎng)頁視頻播放器，video.js自動檢測瀏覽器對HTML5的支持情況，如果不支持HTML5則自動使用Flash播放器。目前有超過200000多的網(wǎng)站正在使用vedio.js，作為網(wǎng)頁視頻播放器。video.js可以很好的解決瀏覽器的視頻播放器樣式的兼容性。

1
2
3
4
5
6
//如果支持ie8，請引入videojs-ie8.min.js。Video.js 5.0是基于ES5, 但是ie8支持ES3。
<script src="http://vjs.zencdn.net/ie8/1.1.1/videojs-ie8.min.js"></script>//引入vedio.js和樣式<script src="/path/video.min.js"></script>
<script>
//配置本地的video-js.swf路徑
videojs.options.flash.swf = "/path/video-js.swf"；
</script>

HTML代碼
默認(rèn)的按鈕在右上角，vjs-big-play-centered類可以設(shè)置為居中。poster：設(shè)置封面圖片。最好設(shè)置MP4、webm、ogg三種格式，這樣大部分瀏覽器都支持了。

1
2
3
4
5
6
<video id="example_video_1" class="video-js vjs-default-skin" poster="http://video-js./oceans-clip.png" preload="auto" controls="controls" width="640" height="264" data-setup="{}">
<source src="http://video-js./oceans-clip.mp4" type="video/mp4" />
<source src="http://video-js./oceans-clip.webm" type="video/webm" />
<source src="http://video-js./oceans-clip.ogv" type="video/ogg" />
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http:///html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>

有用，打賞點(diǎn)飯錢唄~

標(biāo)簽：
來源：網(wǎng)頁視頻播放器video.js

    本站是提供個(gè)人知識管理的網(wǎng)絡(luò)存儲空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花（0）

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多