vue + flv 實現(xiàn) 視頻播放
首先我們選的框是vue-cli，我們這期用到的嗶哩嗶哩的那個flv.js，而且這個很好用。
要實現(xiàn)，第一步:
引入? <script src="https://cdn.bootcss.com/flv.js/1.5.0/flv.min.js"></script>?
第二步：
在 xxx.vue 中加入標簽
<video id="videoElement" controls width="100" height="100">xxx</video>
第三步：
要用到我們的js，在mounted（）里我們寫入加載方法：
var player;? (這個聲明在mounted外面寫)
player = document.getElementById('videoElement')
? ? if (flvjs.isSupported()) {
? ? ? var flvPlayer = flvjs.createPlayer({
? ? ? ? type: 'mp4',
? ? ? ? url: 'xxx.mp4'
? ? ? });
? ? ? flvPlayer.attachMediaElement(videoElement);
? ? ? flvPlayer.load(); //加載
? ? }
補充：如果用到按鈕控制，有methods方法，play(),pause()，收放自如。
ok，這個時候刷新你的vue頁面，看看是不是出來了！！
感謝大家的支持??！
