videojs 项目简单实践

最近做大屏需要调用萤石的视频流资源

后台请求萤石那块时候，需要注意

1. 输出码率 需要选择国际标准码
2. 选择HLS（HTML5播放器，优先选择）、rtmp (FLASH 播放器，浏览器后续真不打算支持了FLASH) 

 前端代码（其实官网都有，伸手党的福音）

vue版本 ：https://docs.videojs.com/tutorial-vue.html

react版本 ：https://docs.videojs.com/tutorial-react.html

踩过的坑

1.在最新的版本中videojs ，分离的flash播放器的代码，所以如果需要使用flash播放器。需要引入video-js.swf、videojs-flash.min.js 代码

2、flash播放器 如果是跨域资源并且播放器宽高小于400*300 ，那浏览器会默认禁用自动播放

Cross-origin plugin content from http://vjs.zencdn.net/swf/5.0.0-rc1/video-js.swf must have a visible size larger than 400 x 300 pixels, or it will be blocked. Invisible content is always blocked.

这时候需要引入swf

具体参考 这篇博客 https://www.cnblogs.com/wangyunhui/p/9294336.html