使用 Angular 4 在移动设备上静音和自动播放视频答案

【问题标题】：Mute and autoplay video on mobile devices using angular 4使用 Angular 4 在移动设备上静音和自动播放视频
【发布时间】：2018-08-31 12:55:22
【问题描述】：

我在 Angular 4 应用程序中使用 html5 视频标签在后台自动播放视频。我无法自动静音视频，因为该视频没有在移动设备上自动播放。我使用的代码是：

<video playsinline autoplay loop controls = "controls" muted = "muted">
   <source src="banner-video.mp4" type="video/mp4" />
   <source src="banner-video.webm" type="video/webm" />
</video>

PS：视频在笔记本电脑上自动播放，但没有自动静音。

【问题讨论】：

你想达到什么目的？通过单击某个按钮将其静音？
@LeoOdishvili 不，不是通过点击，我希望自动静音工作。它不工作
那么，我认为问题在于您使用的是 XHTML 语法？尝试编写

标签： javascript html angular html5-video

【解决方案1】：

就像这样question，您可以阅读：Making HTML5 Video work on Android phones 了解棘手的自动播放视频。

但正如AngryFridges's answer 所描述的，现在静音和自动播放无声视频，您可以将“静音”和“自动播放”属性一起添加以启用 Android 设备的自动播放。

例如

&lt;video id="video" class="video" autoplay muted &gt;

【讨论】：