Video.js 提示No compatible source was found for this media. 怎么解决？

Question

在vue项目中使用Video.js播放m3u8视频时
播放器会先No compatible source was found for this media.
然后迅速变成正常的视频首帧
但是在生产环境下 这个速度就变得很慢
这个异常提示会持续2-3秒 这个体验非常不好
有没有大佬可以赐教一下
有搜到网上说用nextTick去延迟实例化 但是试了还是会有这个问题

Answer 1

在初始化时候，没有在src里加视频资源或者视频资源为空或视频资源无效没法播放。解决，检查资源是不是有效，可以解决。
这里有一个解决办法：【Vue】Video.js 提示no compatible source was found for this media

Answer 2

出现"No compatible source was found for this media"错误消息可能是由于视频加载和解码所需的时间较长，导致在生产环境下出现慢速加载的问题
可以尝试
1：预加载视频：您可以在video标签中添加preload属性，将其设置为auto
2：异步加载、用nextTick
3：使用视频流代替M3U8、视频流通常可以更快地加载和播放