在寫web項目的時候,遇到簡介頁面有一個單獨的簡介視頻,只有這一個短短的視頻所以沒有使用任何video組件,所以運用原生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找了好久啊!!
這種方法并不能真正阻止視頻的下載,“有心”的用戶還是可以在緩存文件里找到加載過的視頻文件的,所以就像標題寫的一樣,只是隱藏。 真正的阻止視頻的下載還是需要通過服務器端對視頻地址進行加密驗證。 |
免責聲明:本站部分文章和圖片均來自用戶投稿和網絡收集,旨在傳播知識,文章和圖片版權歸原作者及原出處所有,僅供學習與參考,請勿用于商業用途,如果損害了您的權利,請聯系我們及時修正或刪除。謝謝!
始終以前瞻性的眼光聚焦站長、創業、互聯網等領域,為您提供最新最全的互聯網資訊,幫助站長轉型升級,為互聯網創業者提供更加優質的創業信息和品牌營銷服務,與站長一起進步!讓互聯網創業者不再孤獨!
掃一掃,關注站長網微信