用html隱藏html5視頻控件？

我有一個html5視頻部分如下，我想隱藏控件。我已經讓視頻div可點擊以顯示更大尺寸播放視頻的「模式」圖層。我已經完成編碼來打開'模式'並播放視頻。有沒有辦法隱藏控件與CSS，所以我可以讓他們再次看到響應式設計？用html隱藏html5視頻控件？

<video id="sampleMovie2" controls> 
<source src="video.mp4" type="video/mp4" /> 
</video>

來源

2015-04-05 user3745738

通過ommiting控制標記，您可以隱藏視頻控件。這是相當無足輕重的JavaScript，但不真正知道只有css的解決方案，除了在標記中使用具有相同源的視頻元素，一個使用控件屬性，一個不使用並在媒體查詢中切換其可見性 – 2015-04-05 08:33:20

如果你創建了HTML元素的控制和使用JS比是綁定您的控件到video，使用CSS您可以指定所需的device media寬度和隱藏這些元素。其他不，
但是，使用JS，你可以根據窗口寬度切換controls屬性：

jsBin demo

var $vid = $("#sampleMovie2"); 

function showControlsAt600() { 
    $vid.prop("controls", $(window).width() >= 600); 
} 


showControlsAt600(); 
$(window).on("resize", showControlsAt600);

來源

2015-04-05 08:37:58

tks我會試一試 – user3745738 2015-04-05 09:30:39

@ user3745738您不必*嘗試*。它已經可以工作了;）簡單地複製粘貼並編輯最終的'600'到你需要的任何值。 – 2015-04-05 09:31:30

作品感謝人 – user3745738 2015-04-08 19:25:07

用html隱藏html5視頻控件？

回答

相關問題