VIDEO屏蔽下載技巧

雖然簡介視頻是非付費的，但也不希望會有下載按鈕或者可以視頻另存為，所以找到一個可以看上去沒有下載功能的方法，做一下筆記。

想要隱藏以上下載按鈕，三個樣式就可以了，不廢話直接貼代碼：

video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 50px); 
}

說白了就是把下載按鈕移動到視窗外面，但是這些CSS找了好久�。�！

這種方法并不能真正阻止視頻的下載，“有心”的用戶還是可以在緩存文件里找到加載過的視頻文件的，所以就像標(biāo)題寫的一樣，只是隱藏。

真正的阻止視頻的下載還是需要通過服務(wù)器端對視頻地址進(jìn)行加密驗證。

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

推薦閱讀：

Vue.js開發(fā)mpvue框架步驟詳解

jquery fullpage插件添加頭部與尾部版權(quán)相關(guān)

以上就是VIDEO屏蔽下載功能的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！