Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Как выключить видео с ютуба при закрытии окна?

Как выключить видео с ютуба при закрытии окна?


     22.03.2016    Общие вопросы    394

вопрос
Доброго времени суток. Помогите пожалуйста. У меня выводит видео в всплывающем окне:
Как выключить видео с ютуба при закрытии окна?

Код:
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();
  });
  

При закрытии вся панель пропадает, как и надо, но звук слышен дальше и если снова нажать на видео, то оно просто продолжает идти. Как исправить, чтобы при закрытии и само видео прекращало идти?

Ответил: Tappo4eK


Нашел вот такой код, который помог мне:
//Обновить один конкретный iFrame
$('#iframe')[0].contentWindow.location.reload(true);

//Обновить все iFrame на странице
$('iframe').each(function() {
  this.contentWindow.location.reload(true);
});

//Еще один способ обновить все iFrame
$('iframe').attr('src', $('iframe').attr('src'));

Комментарии пользователей (5)

misha-koder
7

299 | 77

misha-koder - 22 марта 2016 13:10 - Юзер

Либо iframe обновить, либо использовать апи.

Tappo4eK
1

39 | 7

Tappo4eK - 22 марта 2016 15:45 - Юзер

misha-koder, а как его обновить, чтобы страницу не перезагружать?

misha-koder
7

299 | 77

misha-koder - 22 марта 2016 15:59 - Юзер

При помощи js, разумеется.

Tappo4eK
1

39 | 7

Tappo4eK - 22 марта 2016 23:54 - Юзер

misha-koder, Пока из решений нашел с обновлением страницы.. а есть что-то проще?

Tappo4eK
1

39 | 7

Tappo4eK - 29 марта 2016 16:09 - Юзер

Решил проблему перезагрузкой не страницы, а самого iframe.
  $('.close').click(function(){  
    $('.hidden-shotstory').fadeOut(0);
    $('.dark').fadeOut();
    $('iframe').attr('src', $('iframe').attr('src'));
  });

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы