2015-04-16 4 views
0

Когда мои флажки отмечены, они не скрывают свои видео. Что я делаю не так?Скрытие видео на 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> 
+0

Я не вижу проблем с вашим кодом, он показывает и скрывает единственное видео, которое у вас есть в DOM: http://jsbin.com/cucewu/1/ –

+1

Почему бы вам не использовать радиокнопки вместо флажки? –

+0

Лучшей идеей было бы иметь один флажок, который говорит о показе видео, и скрыть его. Снимите флажок. – Cilan

ответ

0

Проблема была просто отсутствие скобок до конца некоторые из моих первоначальных функций.

+0

Вы также можете использовать функцию jQuery 'toggle' http://api.jquery.com/toggle/ Удачи! –

Смежные вопросы