Проблемы с проигрыванием видео при подгрузке элементов методом AJAX

Главные вкладки

alsagan 23 марта 2018 в 11:20

Была проблема с отображением видео в анонсе ноды (видео используется вместо картинки). При подгрузке следующего анонса методом AJAX при помощи модуля Views Infinite Scroll в Google Chrome и в IE видео, установленное на autoplay, останавливалось и больше не проигрывалось.
Порывшись в инете и немного подумав, нашел следующее решение.

<video id="video" preload="none" loop="loop" muted="muted" style="position:absolute; z-index:-99;">

 <source src="<?php print $video_url; ?>">

</video>

 <script type="text/javascript">

 (function($){

  $(".video_none").mouseenter(function(){        

        video.play();

         });

 })(jQuery); 

 </script>

Теперь видео начинает проигрываться после наведения курсора на элемент-обертку анонса. После подгрузки следующей ноды оно останавливается, но при наведении курсора на элемент вновь начинает проигрываться. Таким образом решена проблема для Google Chrome и IE. В Мозилле и без этих ухищрений все работало ровно.