Я использую jquery video.js. У меня есть проблема в автоматическом воспроизведении видео для мобильных устройств Android и iPhone.
Он работает нормально в моем браузере компьютера
Мой код
<html>
<head>
<script href="skin/frontend/fashfolies/default/js/video-js/video.js"></script><!-- skin/frontend/fashfolies/default/js -->
<link src="skin/frontend/fashfolies/default/css/video-js/video-js.css" type="text/css" rel="stylesheet">
</head>
<body>
<video id='my-video1' class='video-js' controls style='width:50%; height:300px;' data-setup='{}' muted>
<source src='media/home-video/brand.mp4' type='video/mp4'>
<p class='vjs-no-js'>To view this video please enable JavaScript, and consider upgrading to a web browser that<a href='#' target='_blank'>supports HTML5 video</a>
</p>
</source>
</video>
<script>
var vi=document.getElementById("my-video1");//vi.autoplay=true;
setIntervel(function(){
vi.autoplay=true;
vi.load();
},2000);
</script>
</body>
</html>
Я не знаю, в частности video.js, но я думаю, что дело в том, что мобильные ОС намеренно отключают автозапуск на мобильных устройствах, чтобы защитить пропускную способность пользователя. Трюк, который вы можете попробовать, это настроить воспроизведение видео на событие, инициируемое пользователем, например:
$(window).on("touchstart", function()
{
vi.play();
}
Других решений пока нет …