jQuery視頻播放插件下載
如果你正在尋找一個(gè)簡單易用的jQuery視頻播放插件,那么你來對地方了。我們推薦使用Video.js,這是一個(gè)開源的Web視頻播放框架,它基于HTML5和Flash技術(shù),提供了豐富的定制化選項(xiàng)和多種樣式主題。
下面是下載和使用Video.js的步驟:
1. 下載Video.js:
<link rel="stylesheet" /> <script src="http://vjs.zencdn.net/7.9.3/video.min.js"></script>
2. 添加視頻標(biāo)簽:
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup="{}"> <source src="my-video.mp4" type='video/mp4'> <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a target="_blank">supports HTML5 video</a> </p> </video>
3. 初始化Video.js:
<script> var player = videojs('my-video', { controls: true, autoplay: false, preload: 'auto', fluid: true, controlBar: { muteToggle: false, volumeMenuButton: { inline: false, vertical: true } } }); </script>
現(xiàn)在,你就可以根據(jù)自己的需要來定制Video.js的樣式和功能了。