video.js 播放 rtmp 踩过的坑

坑1：

笔者写这个文章的时候，video.js已经是 7.X了，发现加载不出来，查文章发现 5.x版本居然可以。经过一番查询才知道原因如下：

发现6.x版本后需要单独的flash插件，早期版本包含了flash，因此在用video.js 7.x的时候还需安装 videojs-flash。

坑2：

然后我的页面由于需要多个视频，每个视频大小受限，出现了 rtmp 不能自动播放的问题，看了网上的说法，又是加 muted 又是加 autoplay 都没用。最后发现问题如下：

Chrome实际上已于2015年9月开始“ 暂停所有宽度小于400px，高度小于300px的跨插件内容”，现在我认为它完全阻止了它：

解决方法：

安装  

npm install --save videojs-swf  

在所需的vue文件内 

 import SWF_URL from 'videojs-swf/dist/video-js.swf'

然后初始化的时候，把参数传入

let myPlayer = this.$video(id, {
   flash: {
       swf: SWF_URL
   }
})

自动播放问题解决。