IOS 出现黑屏而不是视频背景

Question

来自站点 header 的视频背景未在 iPhone 上显示。 我读到需要指定属性，但除了“预加载”之外它们已经存在了。 我只是额外添加了所有必要的属性，但它没有帮助:(

我添加了这段代码。

<script>
$(document).ready(function(){
  var video_header = $('video');
  video_header.prop('preload','auto');
  video_header.prop('autoplay','true');
  video_header.prop('loop','loop');
  video_header.prop('playsinline','playsinline');
  video_header.prop('webkit-playsinline','');
  video_header.prop('muted','true');
});
</script>

顺便说一句，Iphone 12 pro 上的 chrome 开发工具显示了所有内容。

<video loop="" autoplay="" playsinline="" muted="" preload="auto" id="mejs_5217348005770652_html5" src="https://suik.online/wp-content/uploads/2022/11/50-mb.webm" style="margin: 0px; width: 390px; height: 780px;">
<source type="video/webm" src="https://suik.online/wp-content/uploads/2022/11/50-mb.webm">
</video>

网站

谢谢你的帮助。

看看它在 iPhone 上的工作情况

Answer 1

目前，WebM 视频播放在 iPhone 上不可用。 如果你想在 iPhone 上播放 WebM 文件，你还需要有 mp4 文件格式。