在Vue项目中使用video.js时遇到'no compatible source was found for this media'错误。此问题并非由Chrome禁用Flash引起，而是由于video.js的运行机制导致数据更新后DOM未及时更新。通过Vue.nextTick(callback)在DOM更新后执行回调，确保视频源和封面图片正确渲染，从而解决这个问题。
查了很多文章，凡在vue项目中引入video.js插件，
都会出现视频播放器中间出现一个大叉号导致视频无法播放，同时控制台出现no compatible source was found for this media的错误提醒的情况，
究竟是什么原因呢？
翻译过来是找不到匹配媒体资源：
no compatible source was found for this media 该媒体没有找到兼容的源代码。
有网友提出是因为chrome禁止了flash的加载，，只需把flash选项更改为‘允许’即可。
操作如下：
然而，我依照网友的建议，依然无效，报错情况涛声依旧。
那到底是什么情况！！！
请来大神，发出“解决不了就吃屎”的毒誓，终于搞定了这个问题！
其实解决方法很简单：Vue.nextTick()
如果不引入video.js,那么视图更新迅速，DOM元素解析和异步数据获取之后，视图就可以即时得到更新；然而由于插件video.js的运行机制，导致在获取数据之后
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
