在切换地址时使用player.dispose()销毁时，同时会把dom元素一起销毁 ，导致切换播放失败
可以直接使用vue3的toRaw https://cn.vuejs.org/api/reactivity-advanced.html#toraw
在切换的时候使用以下代码
player.pause();
player.reset();
toRaw(player).src({ src: videoUrl });
player.load();
player.play();
就可以解决了
在切换地址时使用player.dispose()销毁时，同时会把dom元素一起销毁 ，导致切换播放失败
可以直接使用vue3的toRaw https://cn.vuejs.org/api/reactivity-advanced.html#toraw
在切换的时候使用以下代码
player.pause();
player.reset();
toRaw(player).src({ src: videoUrl });
player.load();
player.play();
就可以解决了
vuecli中引入videojs进行m3u8视频播放以及分栏切换，内容涉及视频播放、宫格切换、选中窗口视频替换功能...
这两天在开发H5直播带货功能模块，使用原生的video播放器播放不了m3u8的流地址，于是找了videojs，参考...
公司开发项目时出现了安卓7.1.1无法播放m3u8格式直播流，后使用flowplayer解决 使用条件jquery...
浏览器中使用videojs 播放rtmp流时,出现了一个奇怪的现象, 视频画面被缩小到播放区域的左上角, 表现如下...
ffmpeg 大家都知道，要播放多种格式MP4,MOV, 视频流的rtmp,rtsp,还有直播格式的m3u8，是一...
效果图 使用技术 使用vue-cli3编写demo videojs7.6视频播放组件 videojs-flash实...
由于项目中的视频返回格式是m3u8，于是选择较为成熟的video.js，这里先贴上官网文档地址https://do...
环境配置 子组件 Video.vue 父组件
最近接手一个项目,里面需要实现播放实时监控视频的功能.找了很久,发现用VideoJs可以实现播放rtmp视频流,于...
现在很多视频都采用了M3U8格式播放视频，不同于MP4整个文件URL直接播放，iOS要针对M3U8文件作特殊处理，...
本文标题：vue3中使用videojs播放视频流m3u8格式，切换时没有画
本文链接：https://www.haomeiwen.com/subject/qaizkjtx.html
网友评论