Переключить атрибут автовоспроизведения на видео HTML5

Question

У меня есть некоторые оверлеи на моем сайте, содержащие видео HTML5. По умолчанию оверлеи не видны, но их можно активировать щелчком по определенным изображениям.

Когда оверлей неактивен, я хотел бы, чтобы видео в формате HTML5 также неактивно. Это неважно. Когда оверлей активен (он получает класс active), содержащиеся видео должны получить атрибут autostart. Когда оверлей снова закрывается, атрибут autostart должен быть удален из видео.

// Check if there are videos who have a grandgrandparent with the class `.active` 
if ($('video').parents('.active').length) { 

    // Now I need the videos which suit this condition but I don’t know how 

    // Add autoplay attribute to all these videos 
    $(videos).prop('autoplay', true); 

} else { 

    // Remove the autoplay attribute from all videos when the parent doesn’t have the class active 
    $(videos).prop('autoplay', false); 

} 

Answer 1

Неправильный подход с autostart ...

я, наконец, пришел с помощью play(); и pause(); начать остановить анимацию.

// Pause all videos by default 
$('video').each(function() { 
    $(this).trigger('pause'); 
}); 

// Start videos which have a parent with the class .active 
$('.active video').each(function() { 
    $(this).trigger('play'); 
});