ArtplayerH5播放器-Artplayer控制
- 示例:
- var art = new Artplayer({
- container: '.artplayer-app',
- url: '/assets/sample/video.mp4',
- muted: true,
- });
- art.on('ready', () => {
- art.play();
- });
- play // 播放视频
- pause // 暂停视频
- toggle // 切换视频的播放和暂停
- destroy // 销毁播放器，接受一个参数表示是否销毁后同时移除播放器的 HTML，默认为 true
- seek // 视频时间跳转，单位秒
- forward // 视频时间快进，单位秒
- backward // 视频时间快退，单位秒
- volume // 设置和获取视频音量，范围在：[0, 1]
- url // 设置和获取视频地址
- switch // 设置视频地址，设置时和 art.url 类似，但会执行一些优化操作
- switchUrl // 设置视频地址，设置时和 art.url 类似，但会执行一些优化操作
- switchQuality// 设置视频画质地址，和 art.switchUrl 类似，但会带上之前的播放进度
- muted // 设置和获取视频是否静音
- currentTime// 设置和获取视频当前时间，设置时间时和 seek 类似，但它不会触发额外的事件
- duration // 获取视频时长
- screenshot// 下载当前视频帧的截图
- getDataURL// 获取当前视频帧的截图的base64地址，返回的是一个 Promise
- getBlobUrl// 获取当前视频帧的截图的blob地址，返回的是一个 Promise
- fullscreen// 设置和获取播放器窗口全屏
- fullscreenWeb// 设置和获取播放器网页全屏
- pip // 设置和获取播放器画中画模式
- poster // 设置和获取视频海报，只有在视频播放前才能看到海报效果
- mini // 设置和获取播放器迷你模式
- playing // 获取视频是否正在播放中
- autoSize // 设置视频是否自适应尺寸
- rect // 获取播放器的尺寸和坐标信息
- flip // 设置和获取播放器翻转，支持normal, horizontal, vertical
- playbackRate// 设置和获取播放器播放速度
- aspectRatio// 设置和获取播放器长宽比
- autoHeight// 当容器只有宽度，该属性可以自动计算出并设置视频的高度
- attr // 动态获取和设置 video 元素的属性
- type // 动态获取和设置视频类型
- theme // 动态获取和设置播放器主题颜色
- airplay // 开启隔空播放
- loaded // 视频缓存的比例，范围是 [0, 1]，常配合 video:timeupdate 事件使用
- played // 视频播放的比例，范围是 [0, 1]，常配合 video:timeupdate 事件使用
- proxy // DOM 事件的代理函数，实质上代理了 addEventListener 和 removeEventListener, 当使用 proxy 来处理事件，播放器销毁时也会自动销毁该事件
- query // DOM 的查询函数，类似 document.querySelector，但被查询的对象局限于当前播放器内，可以避免同类名的错误
- video // 快捷返回播放器的 video 元素
- CSSVar // 动态获取或设置 CSS 变量
- quality // 动态设置画质列表
|
