HTML
<h1>my-player</h1>
<video id="my-player" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" autoplay="autoplay"
poster="//vjs.zencdn.net/v/oceans.png" width="500" height="400" data-setup='{}'>
<source src='rtmp://10.10.7.211/live/test' type='rtmp/flv'/>
</video>
JS
npm install --save videojs-flash
npm install video.js
//需要安裝
import videojs from 'video.js'
import 'video.js/dist/video-js.css'
import 'vue-video-player/src/custom-theme.css'
import 'videojs-flash'
// vue掛載鉤子函數
//不能在created鉤子函數中,dom節點沒有掛載完全。ID找不到
mounted() {
//谷歌瀏覽器要專門去開啓flash播放器,打包後查看和代碼運行都需要重新設置flash爲允許狀態
// 設置flash路徑,用於在videojs發現瀏覽器不支持HTML5播放器的時候自動喚起flash播放器
videojs.options.flash.swf = 'https://cdn.bootcss.com/videojs-swf/5.4.1/video-js.swf';
var player = videojs('my-player'); //my-player爲頁面video元素的id
player.play(); //播放
}