Помогите чайнику.
Ситуация такова: модальное окно на 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'
}
]);
РЕШЕНО! при условии что 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
В переменной b хранится клон объекта span и вместо того чтобы вставился элемент Текст вставляется вот это [object Object]
Хотел придумать так, чтобы сделать анимацию при ховере выполняющейся до тех пор, пока сама анимация закончитсяТо есть если подносить мышку...