Html iPad设备中没有播放背景视频

Html iPad设备中没有播放背景视频,html,css,Html,Css,iPad设备中没有播放背景视频。我也尝试添加playsinline。视频正在Mac浏览器中播放 我使用以下代码: <div class="video-container"><video muted loop autoplay playsinline controls="true"><source src="./media/199.mp4" type="video/mp4"><source src="./media/199.ogv" type="video

iPad设备中没有播放背景视频。我也尝试添加playsinline。视频正在Mac浏览器中播放

我使用以下代码:

<div class="video-container"><video muted loop autoplay playsinline controls="true"><source src="./media/199.mp4" type="video/mp4"><source src="./media/199.ogv" type="video/ogv">Your browser does not support HTML5 video. </video></div>
您的浏览器不支持HTML5视频。

你能解释一下你看到了什么吗?有播放按钮的是空白的吗?一种可能是你的iPad处于低功耗模式,自动播放视频永远不会在低功耗模式下在iOS上播放

如果问题是视频没有自动播放,请注意
autoplay
指令非常挑剔。添加
静音
绝不能保证视频播放。在过去,以编程方式播放静音视频是让autoplay工作的唯一方法,代码如下所示

// Call this function after the document loads
function onload() {
  document.getElementById('your_video').play();
}

这可能是一个CSS问题,视频具有
0px
高度。设置背景色并检查您是否看到更改。

您也可以提供css代码吗。