为什么 HTML Video 标签在 ios 设备上不起作用？

编程问答 2022-04-24

问题描述

我正在尝试制作包含视频的网页。它在桌面和安卓设备上运行良好，但在 ios 设备上不起作用。我曾尝试添加内嵌播放、删除自动播放并更改文件格式（从 mp4 到 mov），但没有任何成功。

我的代码：

<video loop muted playsinline controls class="video-background" style="
    position: relative;
    width: 100%;
    height: auto;">
      <source src="{% static 'somesrc.mp4' %}" type="video/mp4">
    </video>

感谢帮助

解决方法

从 iOS 6.1 开始，无法再在 iPad 上自动播放视频。根据 Apple 文档，自动播放功能不适用于包括 iPad 在内的所有 ios 设备的 Safari：

“Apple 已决定通过脚本和属性实现禁用在 iOS 设备上自动播放视频。

在 Safari 中，在 iOS（适用于所有设备，包括 iPad）上，用户可能使用蜂窝网络并按数据单位收费，预加载和自动播放被禁用。在用户启动之前不会加载任何数据。”

, 
<video loop autoplay controls="true" width='100%' height='100%' src='//some_video.mp4' type='video/mp4'></video>

您必须在视频的开始标签中使用 controls = "true" ，这对我有用。希望能有好的结果

htmliosiosvideovideo