3.7.2 zwplayervue3 属性说明
zwplayer
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 播放器构造函数的参数的说明,具体需要提供什么属性请根据你的项目而定。 |