隐藏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视频

回答

相关问题