自動播放 HTML5 視頻

Question

我正在嘗試在 iOS Safari 上設置一個 HTML5 視頻元素以在頁面加載時自動播放。

我知道視頻只能由用戶事件觸發。 這是我的場景。

例如，我在/videos.html上有一個視頻列表。 該視頻列表有一個播放按鈕，可將用戶帶到/videos/my-video.html

我不希望用戶在此 URL 上再次單擊“播放”。在我看來，他們已經從上一頁觸發了用戶事件。

我在這里有什么選擇嗎？

Answer 1

使用“自動播放”屬性在頁面加載時播放視頻。 在 /videos.html 中播放按鈕的點擊事件上，將此屬性動態添加到 HTML video 元素。 您還可以使用“靜音”屬性默認靜音播放視頻。

<video width="320" height="240" autoplay muted>
  <source src="movie.mp4" type="video/mp4">
</video>