Автопилот видео цикла не будет работать на Chrome/safari (ошибка webkit)

Question

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

Вот видео и страница. (Работает на светлячок) http://dustintong.com/projects.html#ts

Я думаю, что вы должны повторно вызвать .play() Не уверен, что я сделал неправильно. Новое в javascript ... Вот код ниже.

JS

var myVideo = document.querySelector('video'); 
var mediaController = myVideo.controller; 

mediaController.play(); 

HTML

<div id="video"> 
<video src="images/7-4s.mp4" autoplay loop muted> 
</video> </div> 

Answer 1

В сафари автовоспроизведение работает отлично. Если вы положили это <video src="images/7-4s.mp4" autoplay loop muted>, вам не нужны никакие js. Вы можете попробовать этот плагин https://github.com/videojs/video.js

Answer 2

Я думаю, самое лучшее решение это добавить этот скрипт только после того, как ваше видео tag--

<script type="text/javascript"> 
    document.getElementById('videoid').play(); 
</script> 

Abit сырный, но работает well :) Вы также можете попробовать установить атрибут предварительной загрузки к истине.