在寫web專案的時候,遇到簡介頁面有一個單獨的簡介視頻,只有這一個短短的視頻所以沒有使用任何video組件,所以運用原生video標籤就想解決問題。
雖然簡介影片是非付費的,但也不希望會有下載按鈕或可以影片另存為,所以找到一個可以看上去沒有下載功能的方法,做一下筆記。
想要隱藏以上下載按鈕,三個樣式就可以了,不廢話直接貼程式碼:
html;">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找了好久啊! !
這種方法並不能真正阻止影片的下載,有心的用戶還是可以在快取檔案裡找到載入過的影片檔案的,所以就像標題寫的一樣,只是隱藏。
真正的阻止影片的下載還是需要透過伺服器端對視訊位址進行加密驗證。
總結以上所述是小編給大家介紹的HTML頁面原生VIDEO標籤隱藏下載按鈕功能,希望對大家有幫助,如果大家有任何疑問請給我留言,小編會及時回覆大家的。在此也非常感謝大家對VeVb武林網站的支持!