不装插件的chimee如何隐藏下载按钮

时间:2024-01-21 16:05:02

首先说一下Chimee,官方这么介绍:

组件化H5播放器框架

支持 mp4、m3u8、flv 等多种格式,由奇舞团视频云前端组研发

它帮我们解决大部分的兼容性问题,能够解决包括全屏、自动播放、内联播放、直播解码等常见视频需求

通过组件化开发,能满足业务方快速迭代、灰度发布等要求。让开发者能够轻松快捷地完成视频场景的开发

Chimee的文档内容条目很多,但是从头翻到尾,竟然没有提供一个属性可以关闭下载按钮,插件组件什么的做的倒是很大,但是原生的常用属性倒是好好支持啊,即使是为了优化,倒是提供一个扩展方法啊,无奈,就是没有,顿时感觉文档都好鸡肋。

至于怎么隐藏下载按钮,暂时只有最蠢的方法满足了需求:

import Chimee from 'chimee'
let dom = document.getElementById('productionPreviewWrap')
const chimee = new Chimee({
wrapper: dom,
src: 'http://www.xxx.com/xxx/xxx.mp4',
controls: true,
noDefaultContextMenu: true, // 关闭右键菜单
autoplay: true
})
chimee.play()

// 关掉下载按钮的方法如下
dom.children[0].children[0].setAttribute('controlslist', 'nodownload')

// 如果你想更保险一点,如下
// dom.children[0] ? dom.children[0].children[0] ? dom.children[0].children[0].setAttribute('controlslist', 'nodownload') : '' : ''