为什么我的<视频自动播放>元素在我点击它之前没有开始在 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

自动播放属性在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>