3.7.2 zwplayervue3 属性说明

zwplayervue3 标签的属性与原生zwplayer 构造函数参数对象的属性大部分是一样,但zwplayervue3对其中的属性少部分做了变动,变动的属性如下:

属性名称 说明 备注
murl 媒体地址参数(可以是string、object、array类型),如果此属性在运行当中发生变动,则zwplayervue3组件会调用play方法打开这个新的地址。这在vue项目中,通过绑定v-bind 属性,可以做到动态切换播放节目。 作用改动
nodeid 用于zwplayervue3组件顶级父节点div的id,如果不提供,zwplayer组件会自动生成一个。 新增
zwplayerlib zwplayer 库地址。不同于任何其它h5播放器,zwplayervue3 底层实现是采用动态加载原生zwplayer库的方式调用zwplayer的,不会随vue的build命令而将zwplayer底层库编译进项目的,这样可以做到vue项目编译发布后替换zwplayer库文件即可无缝升级zwplayer,同时也优化zwplayer的加载速度。此参数类似于cdn地址,例如加入你在公网部署了一台机器,将zwplayer.js 部署在 http://www.cdn.com/zwplayer/zwplayer.js 处,此参数设置为该地址即可。此参数可以缺省,缺省时用的时 public目录下的zwplayer/zwplayer.js路径。 新增
danmuBarId 用于定位 zwplayer 弹幕输入控制条的div元素的id,提供此参数,可以避免调用 buildDanmuControlbar函数来创建弹幕控制条。注意新建的控制条将具有 class 名 vue-zwp-danmubar,用户可以用该class名进一步控制弹幕控制条的风格。例如下面的css将控制条宽度设置为60%:
.danmubar :deep(.vue-zwp-danmubar) {
width: 60%;}
注意:如果在<style scoped>定义css,请用vue的:deep指令来进行样式穿透。
新增
其它 请参见 zwplayer播放器构造函数的参数的说明,具体需要提供什么属性请根据你的项目而定。
上次更新: 2024/6/28 13:16:56