Я создаю сайт, где у меня есть несколько элементов <video> (циклическая анимация), которые действуют как часть моего дизайна (а не как фактическое видео). Это хорошо работает в настольных браузерах, но у меня проблемы с мобильными устройствами.
Когда я показываю сайт на устройствах Android или iOS (т.е. Мобильный webkit), я получу внешний вид видеоигры OS и откроют видео в каком-то всплывающем окне, когда я нажимаю на них. Я знаю, что могу обойти ограничения автовоспроизведения, выполнив sth как:
window.onload = function() {
var pElement = document.getElementById("myVideo");
pElement.load();
pElement.play();
};
Но это снова откроет видео в отдельном окне...
Кто-нибудь знает о возможности эмулировать/разрешать поведение на рабочем столе на мобильных устройствах? Спасибо!
EDIT:
Разметка является базовой <video> -syntax btw:
<video autoplay loop>
<source src="vid.mp4" type="video/mp4" />
<source src="vid.ogg" type="video/ogg" />
<source src="vid.webm" type="video/webm" />
</video>