HTML5 视频标签在 Safari、iPhone 和 iPad 中不起作用

2024-02-04

我正在尝试创建一个 html5 网页,其中有一个像 13s 这样的小视频,我将该视频的 flash 版本转换为 3 种格式:使用 fireFogg 的 .ogv 、使用 firefogg 的 .webm 以及使用 HandBrake 应用程序 html 脚本的 .mp4我在我的页面中使用:

<video  width="800" height="640" loop preload="false" autoplay  controls tabindex="0">
  <source src="xmasvideo/video.mp4" type="video/mp4" />
  <source src="xmasvideo/M&P-Xmas 2.ogv" type="video/ogv" />
  <source type="video/webm" src="xmasvideo/M&P-Xmas.webm" />
</video>

该视频在 Chrome 和 FireFox 中工作正常,但在桌面上的 Safari 或 iPhone 或 iPad 上根本无法工作,输出只是一个空白页面,显示视频标签的控件,但没有加载任何内容

请注意,我的 Safari 版本支持 HTML5 视频


我在 iPhone 和 iPad 等苹果设备上遇到了同样的问题,我关闭了低功耗模式,它可以工作,你还应该包括playsinline视频标签中的属性如下:

<video class="video-background" autoplay loop muted playsinline>

它仅在包含时有效playsinline.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML5 视频标签在 Safari、iPhone 和 iPad 中不起作用 的相关文章

随机推荐