流量变现70%分成 全国楼凤小姐姐 招商联系客服 招商联系客服 招商联系客服 招商联系客服

MuiPlayer参数-MuiPlayer简约H5播放器

[复制链接]
查看143 | 回复0 | 2024-10-12 08:53:27 | 显示全部楼层 |阅读模式
MuiPlayer参数-MuiPlayer简约H5播放器


属性名
类型
默认值
说明

container
String/Element
required
指定播放器容器

src
String
required
视频播放的资源地址

title
String
标题

autoplay
Boolean
false
是否自动播放,关于 autoplay 属性设置问题请参考

preload
String
auto
视频是否预加载,可选值 none | metadata | auto。如果 autoplay=true,则忽略该属性。

loop
Boolean
false
是否循环播放

muted
Boolean
false
是否静音播放

width
String/Number
auto
初始化播放器宽度

height
String/Number
225px
初始化播放器高度

lang
String
navigator.language
播放器界面语言,可选 en | zh-cn | zh-tw

volume
Number
1
初始化设置视频音量,取值 0 - 1

autoFit
Boolean
true
播放器容器是否自适应视频高度

poster
String
视频封面的资源地址

live
Boolean
false
是否开启直播模式,直播模式默认菜单配置不允许控制播放速度以及循环播放

initFullFixed
Boolean
false
初始化是否网页全屏播放

autoOrientaion
Boolean
true
全屏时否自动切换方向,在 html5+ (opens new window)中全屏时会自动旋转屏幕,部分手机浏览器全屏时自动旋转方向。
Tag:ios 全屏切换时稍有差异,全屏模式时调用系统全屏播放。

dragSpotShape
String
circular
设置进度条拖动点的形状,可选 circula | square

objectFit
String
contain
视频大小与 video 容器的表现形式。可选 contain | cover

closeControlsTimer
Number
3500
设置播放器定时隐藏控件的时间,可配合 toggleControls 函数接口使用;新增

#

videoAttribute
Array
[]
此属性为添加更多 H5 Video 标签的属性,参数为接受每个 key value 键值对象,注意如果该数组中属性值在已有设置中存在,那么会覆盖。

如需配置声明启用同层播放,那么配置如下:videoAttribute:[
{attrKey:'webkit-playsinline',attrValue:'webkit-playsinline'},
{attrKey:'playsinline',attrValue:'playsinline'},
{attrKey:'x5-video-player-type',attrValue:'h5-page'},
]

#

subtitle
Object
{}
添加视频字幕。目前只支持 webvtt 字幕格式,请参考视频字幕

parse
Object
{}
添加视频解码插件。请参考:解码播放

plugins
Object
{}
添加播放扩展插件,请参考:移动端扩展 PC端扩展

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则