角9& HTML5背景视频不自动播放iOS 13 (不管浏览器)
角9& HTML5背景视频不自动播放iOS 13 (不管浏览器)
提问于 2020-04-20 18:10:38
编辑:
我在12.4.6版本的iOS上进行了测试，没有问题。然而，在我的主手机上: iOS 13.3.1，它仍然有这个问题在这里描述.
我对“角”有点陌生，我正在为一个朋友开发一个网站，这也有助于我学习。我遇到了这个问题。我设置了一个视频作为主要背景，它在计算机浏览器和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>下面是CSS代码：
.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;
}它在桌面/ Android上加载了很好的，最重要的是自动播放。但是在iOS设备上，当我为我的应用程序提供服务并连接到它(不管是浏览器)时，它不会播放，只有在用户交互之后。(如果我单击自己的Mute或播放按钮)
据我所知，它已经尊重Safari或Chrome的规则，对其保持沉默。(卷标签，即使我移除它也不影响它)。
我尝试过诸如ngOnInit或ngAfterViewInit之类的生命周期挂钩，但同样的情况也适用。
我的想法用完了。提前谢谢。
Stack Overflow用户
回答已采纳
发布于 2020-04-21 16:07:02
我找到了。是的，我也很笨，不太了解iOS
问题是，当你启用低功耗模式时，手机设置中的视频自动播放将被关闭，只有当你走出低功耗模式时，你才能修改它。
我把它关掉了，它按预期工作了。
谢谢。我把这个留在这里，也许其他人会碰到它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61329172
复制相关文章
相似问题
腾讯云开发者
