Pause YouTube видео в плавающем фрейме

У меня есть видео YouTube в фоновом режиме после закрытия кнопки щёлкнули ... Вот JQuery я не могу заставить работать:Pause YouTube видео в плавающем фрейме

$('#close1').on('click', function() { 
    // $('#video1').stopVideo(); 
    $('#video1')[0] 
     .contentWindow 
     .postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');  

});

Вот пример : http://georgehowell.biz/unsw1/index.html

источник

2016-11-27 George Howell

я нашел интересную нить, связанную этот вопрос, и он имеет много предложений решения, может быть любой из них будет работать для вас:

Stop embedded youtube iframe?

источник

2016-11-27 22:26:53 Gutierrez

спасибо за эту ссылку .. многие вариации этой проблемы. Решение jax297 почти работает в этом случае - как ни странно, видео начинается через несколько секунд после закрытия. Я искал способ «автовоспроизвести = 1» ВЫКЛ YouTube URL, когда нажата кнопка «закрыть» –

Хорошо, что это помогло вам в некотором роде, удачи с вашей работой :) – Gutierrez

изменения 1 - IFrame SRC URL должен быть пустым здесь

<div id="openModal1" class="modalDialog"> 
    <div> 
     <a href="" title="Close" class="close" id="close1">X</a> 
     <iframe width="600" height="338" src="" class="homeVideo" id="video1" allowfullscreen="true" allowscriptaccess="always"></iframe>  
    </div> <!----END modal-body ----> 
</div> <!----END modal ---->

изменение 2: как играть видео просто установить Src URL с автозапуском = да на строке запроса - нам не нужно, чтобы включить JS API:

$('#thumb1').on('click', function(ev) { 
 
\t $("iframe#video1")[0].src = "https://www.youtube.com/embed/Lop0VCYdpGQ?rel=0&amp;wmode=transparent&autoplay=1"; 
 
});

изменение 3 - как сделать паузу - просто установите IFrame SRC в пустую строку:

$('#close1').click(function(){ 
 
\t \t $("iframe#video1")[0].src = ""; 
 
    });

источник

2016-11-28 04:06:28

, но как начать видео с того места, где мы остановились? – Learner

Без использования iframe_API YouTube,; вы можете просто использовать:

iframe.contentWindow.postMessage(message, origin);

отправить сообщение iframeWindow (from parentWindow). Эти сообщения могут включать в себя «playVideo», «pauseVideo», «stopVideo», «muteVideo» и т.д .. (независимо от видеосервиса, в этом случае YouTube, поддерживает)

проверить ссылку ниже для демо:

https://codepen.io/mcakir/pen/JpQpwm

источник

2018-03-08 12:07:01

Pause YouTube видео в плавающем фрейме

ответ

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