2013-03-25 75 views
1

下面的代碼是不工作使HTML5視頻標籤,如何禁用HTML5視頻標籤如何禁用/使用JavaScript

document.getElementById("vidEle").disabled=true; 

如果我使用

document.getElementById("vidEle").controls=false; 

不過我能夠用正確的發揮單擊。

回答

1

這將是很好,如果我們知道您使用的瀏覽器,但這裏有一些解決方法:

你可以使用CSS設置一個新的塊元素,其大小與具有半透明背景的視頻播放器相同。

或者你可以設置你的元素的樣式,以顯示無:

document.getElementById("vidEle").style.display="none"; 

而且最後還可以卸載維代萊元素的內容。最後一件事,如果您選擇使用「display:none」方法,請確保視頻不播放。

1

您可以刪除該視頻來源,這樣的視頻就無法玩:)

+0

重新分配值可能下載,如果再次文件沒有緩存的文件... – Exception 2013-03-25 12:30:05

1

另一種方式來做到這一點是禁止這樣的上下文菜單:

<video oncontextmenu="return false;" controls> 
<source src="somedir/somevideo.mp4" type="video/mp4"/> 
</video> 
+0

這是沒有效果 – 2018-02-17 17:57:51

+0

呀,它取決於瀏覽器,但請嘗試接受的答案,因爲您在視頻頂部添加了不可見的div,並且每捕獲一次鼠標右鍵即可更好地工作。 – Xedret 2018-02-19 19:31:53