Почему не мойэлемент начать играть на iPhone, пока я не нажал на него?Даже с JavaScript?

Question

На своем iPhone я пробовал следующие HTML и JavaScript:

<video id="myvideo" src="" width="352" height="288" autoplay></video>

<script>
var vdo = document.getElementById('myvideo');
vdo.src = 'http://server-address:9902/208AC328657F5332-live-1.m3u8';
vdo.play();
</script>

Но видеоэлемент не начал воспроизводиться, пока я не нажал его. Почему?

Спасибо, любая помощь будет оценена!

Answer 1

Атрибут autoplay игнорируется на iPhone.Это просто решение, которое они приняли в своей реализации, так же, как и с элементами управления (они отображают независимо от того, что.)

Answer 2

Сначала нужно загрузить видео ...

<video id="myvideo" src="" width="352" height="288" autoplay></video>

<script>
var vdo = document.getElementById('myvideo');
vdo.src = 'http://server-address:9902/208AC328657F5332-live-1.m3u8';
vdo.load(); // video must be loaded
vdo.play(); // after success load it can be played
</script>

Answer 3

Вы буквально вставили этот JavaScript в свой HTML сразу после тега видео?

Я не уверен, что это все равно будет работать, но вам нужно иметь JavaScript в тегах <script>, чтобы его можно было интерпретировать как JavaScript:

<video id="myvideo" src="" width="352" height="288" autoplay></video>

<script>
var vdo = document.getElementById('myvideo');
vdo.src = 'http://server-address:9902/208AC328657F5332-live-1.m3u8';
vdo.play();
</script>