:art: ArtPlayer.js is a modern and full featured HTML5 video player
mini
模式,现在这个模式下,视频会脱离原来的容器onVttLoad
方法,用于在字幕输出前修改 vtt
文本css
变量cssVar
选项,用于初始化 css
变量cssVar
方法,用于设置和获取 css
变量artplayer-plugin-hls-quality
添加 getResolution
函数选项,用于获取从 level
中分辨率的文本artplayer-plugin-dash-quality
插件,用于添加 Dash
画质列表到播放器lock
和 loop
事件失效问题ru
和印度尼西亚 id
语言artplayer-plugin-control
,用于兼容[email protected]
artplayer-plugin-dash-quality
,用于兼容[email protected]
artplayer-plugin-hls-quality
,用于兼容[email protected]
artplayer-plugin-danmuku
,用于兼容[email protected]
Artplayer.PROGRESS_HEIGHT
默认值改为 6
artplayer-plugin-vtt-thumbnail
用于使用 vtt
字幕文件生成视频预览图Artplayer.FULLSCREEN_WEB_IN_BODY
用于网页全屏时,是否把播放器挂载于 document.body
上,默认为 false
escape
,用于是否转义 html
标签,默认为 true
Artplayer.CONTEXTMENU
用于设置是否显示右键菜单,默认为 true
Whitelist
功能默认为 true
,即全部移动设备都使用播放器 UI
修复字幕在 firefox 不显示的问题:https://github.com/zhw2590582/ArtPlayer/pull/415 信息弹窗支持点击选中视频属性文本值
art.type
属性,用于获取和设置视频类型art.video
属性,用于获取 video
元素artplayer-plugin-iframe
插件,用于控制 iframe
里的播放器artplayer-plugin-hls-quality
插件,用于添加 Hls
画质列表到播放器Artplayer.PLAYBACK_RATE
用于设置默认播放速度,默认 [0.5, 0.75, 1, 1.25, 1.5, 2]
Artplayer.ASPECT_RATIO
用于设置默认长宽比,默认 ['default', '4:3', '16:9']
Artplayer.FLIP
用于设置默认翻转功能,默认 ['normal', 'horizontal', 'vertical']
Artplayer.PROGRESS_HEIGHT
用于设置进度条高度,默认为 4
legacy.js
版本,用于兼容更老的浏览器,但相对体积较大examples
目录,不再提供 vue.js
和 react.js
的例子文件Artplayer.VOLUME_STEP
用于控制调整 音量
的步长,默认为 0.1
Artplayer.SEEK_STEP
用于控制调整 快进/快退
的步长,默认为 5
秒svg
图标在移动端不显示的问题art.isRotate
属性,用于识别是否自动全屏旋转range
添加 onChange
选项,可以实时获取当前值var art = new Artplayer({
container: '.artplayer-app',
url: '/assets/sample/video.mp4',
setting: true,
settings: [
{
html: 'Slider',
tooltip: '5x',
range: [5, 1, 10, 0.1],
onChange: function (item) {
return item.range + 'x';
},
},
],
});