时间戳

首页 > 解决方案 > 自动播放 HTML5 视频

javascript - 自动播放 HTML5 视频

问题描述

我正在尝试在 iOS Safari 上设置 HTML5 视频元素以在页面加载时自动播放。

我知道视频只能从用户事件中触发。这是我的场景。

例如，我有一个视频列表/videos.html。该视频列表有一个播放按钮，可将用户带到/videos/my-video.html

我不希望用户在此 URL 上再次单击“播放”。在我看来，他们已经从上一页触发了用户事件。

我在这里有什么选择吗？

标签： javascripthtmlhtml5-video

解决方案

使用“自动播放”属性在页面加载时播放视频。在 /videos.html 中播放按钮的单击事件中，将此属性动态添加到 HTML 视频元素。您还可以使用“静音”属性默认静音播放视频。

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

推荐阅读