вопрос
Доброго времени суток. Помогите пожалуйста. У меня выводит видео в всплывающем окне:
Код:
php
js
При закрытии вся панель пропадает, как и надо, но звук слышен дальше и если снова нажать на видео, то оно просто продолжает идти. Как исправить, чтобы при закрытии и само видео прекращало идти?
Код:
php
<div class="video-news">
<div class="video-news-image">
<img src="http://img.youtube.com/vi/[xfvalue_youtube1]/mqdefault.jpg" alt="{title}" />
<div class="play" title="Кликните для просмотра видео"></div>
</div>
<div class="hidden-shotstory">
<div class="hidden-shotstory-pad">
<iframe width="650" height="450" src="//www.youtube.com/embed/[xfvalue_youtube1]?rel=0" frameborder="0" allowfullscreen></iframe>
<div class="shadow-x"></div>
</div>
<div class="video-panel">
<div class="panel-left"></div>
<div class="panel-right"></div>
<div class="close"></div>
</div>
</div>
</div>
js
$('.hidden-shotstory').each(function() {
var fixedWidth = $(this).width();
var fixedHeight = $(this).height();
$(this).css({'margin-left':-320,'margin-top':-250});
});
$('.play').click(function(){
$(this).parent().parent().find('.hidden-shotstory').fadeIn();
$('.dark').fadeIn();
});
$('.close, .dark').click(function(){
$('.hidden-shotstory').fadeOut(0);
$('.dark').fadeOut();
});
При закрытии вся панель пропадает, как и надо, но звук слышен дальше и если снова нажать на видео, то оно просто продолжает идти. Как исправить, чтобы при закрытии и само видео прекращало идти?
Нашел вот такой код, который помог мне:
//Обновить один конкретный iFrame
$('#iframe')[0].contentWindow.location.reload(true);
//Обновить все iFrame на странице
$('iframe').each(function() {
this.contentWindow.location.reload(true);
});
//Еще один способ обновить все iFrame
$('iframe').attr('src', $('iframe').attr('src'));