關于video.js
video.js是一個擁有h5背景的網絡視頻播放器，同時支持h5以及Flash視頻播放（可加載本地靜態資源視頻以及網絡鏈接視頻）
官網：videojs.com/
安裝
npm install video.js
main.js中引入
import Video from 'video.js'import 'video.js/dist/video-js.css'Vue.prototype.$video = Video
使用
<div class="demo1-video"> <video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered" controls //確定播放器是否具有用戶可以與之交互的控件。沒有控件，啟動視頻播放的唯一方法是使用autoplay屬性或通過Player API。 autoplay: "muted", // //自動播放屬性,muted:靜音播放 preload="auto" //建議瀏覽器是否應在<video>加載元素后立即開始下載視頻數據。 poster="../assets/img/E0531.jpg"> //設置視頻封面 <source src="../assets/video/E0531.mp4" type="video/mp4" > //視頻地址 </video> </div>
可以直接使用css來控制video的寬高
實現的效果截圖
以上：對于video.js的一次簡單應用就完成啦
總結
以上所述是小編給大家介紹的vue使用video.js進行視頻播放功能,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
新聞熱點
疑難解答
