Остановка (пауза) видео Youtube

702
12 января 2017, 07:13

Помогите чайнику. Ситуация такова: модальное окно на CSS, в нем карусель видео с ютуба, при закрытии модали - воспроизведение продолжается. Возможно вопрос уже избитый, но есть ли возможность остановки всех или текущего видео не зная его ID? Догадываюсь что это делается средствами API, типа player.pauseVideo():Void но как это использовать, куда сунуть и где взять ID текущего видео - не знаю. (Используется Blueimp video galery)

Дополнение, есть вот такие данные из описания:

var youTubeOptions = {
    // The list object property (or data attribute) with the YouTube video id:
    youTubeVideoIdProperty: 'youtube',
    // Optional object with parameters passed to the YouTube video player:
    // h t t p s ://developers.google.com/youtube/player_parameters
    youTubePlayerVars: undefined,
    // Require a click on the native YouTube player for the initial playback:
    youTubeClickToPlay: true
};

----------

blueimp.Gallery([
    {
        title: 'A YouYube video',
        href: 'h t t p s://www.youtube.com/watch?v=VIDEO_ID',
        type: 'text/html',
        youtube: 'VIDEO_ID',
        poster: 'h t t p s://img.youtube.com/vi/VIDEO_ID/maxresdefault.jpg'
    },
    {
        title: 'Banana',
        href: 'h t t p s://example.org/images/banana.jpg',
        type: 'image/jpeg',
        thumbnail: 'h t t p s://example.org/thumbnails/banana.jpg'
    }
]);
Answer 1

РЕШЕНО! при условии что API youtube включены.

Небольшая функция с использованием JQuery останавливающая любые видео во фреймах. Подходит для автоматической остановки видео во фрэйме при закрытии пользователем модального окна.

<!-- HTML -->
<body>
...
<div id="close_vid">
   <img src="img/closem.png"/>
</div>
...
</body>
<script>
$(document).on('click', '#close_vid', function(){
   jQuery("iframe").each(function() {
      jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*')});
});

Вот рабочий пример на JSFiddle

READ ALSO
Задачка с сортировкой массива

Задачка с сортировкой массива

Есть такой массив объектов

288
Как вставить элемент из переменной

Как вставить элемент из переменной

В переменной b хранится клон объекта span и вместо того чтобы вставился элемент Текст вставляется вот это [object Object]

332
Обратный transition-эффект при ховере до тех пор, пока анимация не закончится

Обратный transition-эффект при ховере до тех пор, пока анимация не закончится

Хотел придумать так, чтобы сделать анимацию при ховере выполняющейся до тех пор, пока сама анимация закончитсяТо есть если подносить мышку...

338
Cordova. Крос доменный запрос не работает

Cordova. Крос доменный запрос не работает

Пытаюсь собрать приложение на CordovaВсе хорошо

423