隱藏YouTube視頻

當我的複選框被選中時，他們不會隱藏他們各自的視頻。我究竟做錯了什麼？隱藏YouTube視頻

我的代碼

<html> 
<head> 
<script type="text/javascript"> 

function hide1() { 
    document.getElementById('vid1').style.visibility='hidden'; 
    document.getElementById('vid1').style.display='none'; 
} 
function show1() { 
    document.getElementById('vid1').style.visibility='visible'; 
    document.getElementById('vid1').style.display='block'; 
} 
</script> 
</head> 

<body> 
<iframe width="560" height="315" id="vid1" src="https://www.youtube.com/embed/2Tvy_Pbe5NA" frameborder="0" allowfullscreen> </iframe> 
<p> 
Hide Video <input type="checkbox" onclick="hide1()" /> | 
Show Video <input type="checkbox" onclick="show1()" /></p> 
</body> 
</html>

來源

2015-04-16 Morgander

我沒有看到您的代碼存在任何問題，它只顯示並隱藏了您在DOM中的唯一視頻：http://jsbin.com/cucewu/1/ –

爲什麼不使用單選按鈕代替複選框？ –

更好的主意是讓一個複選框顯示節目視頻並將其隱藏在取消選中 – Cilan

的問題只是缺少括號來結束我的一些原有功能。

來源

2015-04-16 21:52:09 Morgander

你也可以使用jQuery函數'toggle' http://api.jquery.com/toggle/祝你好運！ –

隱藏YouTube視頻

回答

相關問題