不裝外掛的chimee如何隱藏下載按鈕
阿新 • • 發佈:2018-12-09
首先說一下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') : '' : ''