隐藏YouTube视频

时间:2015-04-16 21:30:17

标签: javascript html 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>

1 个答案:

答案 0 :(得分:0)

问题只是缺少括号来结束我的一些原始功能。