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