隐藏 YouTube 视频答案

【问题标题】：Hiding YouTube Videos隐藏 YouTube 视频
【发布时间】：2015-04-16 21:30:17
【问题描述】：

当我的复选框被选中时，它们不会隐藏各自的视频。我做错了什么？

我的代码

<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>

【问题讨论】：

我没有看到您的代码有任何问题，它显示并隐藏了您在 DOM 中的唯一视频：jsbin.com/cucewu/1
为什么不使用单选按钮而不是复选框？
一个更好的主意是有一个显示视频的复选框并在取消选中时将其隐藏
为简单起见，我在此处提供的代码被缩短了。我的原始代码包含三个视频，每个视频都是隐藏和显示。我发现问题 sigh 只是因为我的某些函数缺少端括号。对于我的生活，我只是看不到这一点。具有讽刺意味的是，这段代码有效的注释让我看到了问题。