Остановить видео в slick slider
На сайте есть слайдер(slick slider) с видео роликами. Как при перелистывании слайда видео останавливалось? Есть код но он не работает, видео не останавливается.
$('.accordion-video-slide').on('afterChange', function(event, slick) {
var videoItem = document.getElementsByTagName('video').pause();
videoItem.pause();
});<div class="accordion-video-slider">
<!-- item #1 -->
<div class="video-slider__item">
<video controls="controls" width="390" height="290" preload="none" poster="<?php bloginfo('template_directory') ?>/video/bg-pic.jpg">
<source type="video/mp4" src="<?php bloginfo('template_directory') ?>/video/film1.mp4">
</video>
</div>
<!-- item #2 -->
<div class="video-slider__item">
<video controls="controls" width="390" height="290" preload="none" poster="<?php bloginfo('template_directory') ?>/video/bg-pic.jpg">
<source type="video/mp4" src="<?php bloginfo('template_directory') ?>/video/film2.mp4">
</video>
</div>
</div>