角度9&；HTML5背景视频不会在iOS 13上自动播放（无论浏览器如何）

编辑：

我在12.4.6版本的iOS上进行了测试，它玩起来没有问题。 然而，在我的主手机iOS 13.3.1上，仍然出现了这里描述的问题。

我对Angular有点陌生，我正在为一个朋友开发一个网站，它也帮助我学习。 我遇到了这个问题。我设置了一个视频作为主要背景，它在计算机浏览器和Android浏览器上运行良好（Chrome仅在Android上测试）：

以下是HTML代码：

<div class="video_box">
  <div class="video_overlay"></div>
  <video #videoElement [loop]="true" [muted]="true" [volume]="0.2" [autoplay]="true" playsinline id="bgVideo">
    <source src="assets/bgVideo.mp4" type="video/mp4"/>
  </video>
</div>

它在桌面/Android上加载良好的自动播放，最重要的是自动播放。但在iOS设备上，当我为我的应用程序提供服务并连接到它时（无论浏览器如何），它都不会播放，只有在用户交互之后才会播放。（如果我单击自己的静音或播放按钮）

据我所知，它已经遵守了Safari或Chrome的规则，并保持沉默。（卷标记，即使我将其删除，也不会影响它）

我尝试了生命周期挂钩，比如ngOnInit或ngAfterViewInit，但同样的情况也适用

我没有主意了。

---

提前谢谢。我找到了。是的，我也很蠢，我不知道该怎么做

问题是，当您启用低功耗模式时，手机设置中的视频自动播放功能将关闭，只有在退出低功耗模式时，您才能修改该功能

我把它关掉了，它能正常工作

谢谢。我把这个放在这里，也许其他人会碰到

.video_box {
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.video_box video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 53.5%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.video_box .video_overlay {
  top: 0;
  position: absolute;
  height: 100%;
  z-index:1;
  width: 100%;
  background: #000000;
  opacity: 0.5;
}