videojs在vue中的使用(自定义组件,如清晰度)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了videojs在vue中的使用(自定义组件,如清晰度)相关的知识,希望对你有一定的参考价值。

参考技术A 该方式使用以创建好的video标签,只是简单的改变video的src。注意,此时的自定义组件(如清晰度)并没有更新,里面的数据还是上一个视频的信息,需要手动更新,可以手动移除后再添加。

该方式首先会调用dispose方法销毁已经创建的video标签,并移除所有的组件和监听事件,然后需要自己创建video并设置其id(注意该id不能与之前销毁的id相同,我也不知道为啥~ :) )和class以及src,然后将创建的video添加到文档中,如上html的结构,将作为id= vWrap的子元素添加到文档中。

一开始在项目中使用dplayer做为视频的播放库,但是由于在孤儿浏览器上出现兼容问题 🙃,因此不得不放弃转为videojs,一路走来,踩了不少抗,主要是视频切换和自定义组件在切换视频时出的问题(样式的修改可以通过css覆盖生成的样式),这篇文章谨献给自己在这里所掉的头~😭

以上是关于videojs在vue中的使用(自定义组件,如清晰度)的主要内容,如果未能解决你的问题,请参考以下文章

Vue v3中的VideoJS播放列表超过最大调用堆栈大小错误

7. Vue - 组件

如何为 Vue.js 组件创建自定义样式属性

使用VUE组件创建SpreadJS自定义单元格

使用VUE组件创建SpreadJS自定义单元格

在Vue组件中使用Video播放rtmp视频流