Angular 离子视频静音属性已忽略

我遇到了一个奇怪的问题，视频元素上的静音标签被忽略了

   <video #media playsinline webkit-playsinline loop muted
   [src]="video_url"
   class="videoPlayer"
   preload="metadata"
   type="video/mp4">
   </video>

静音或muted=“true”被忽略，视频继续以声音播放

我知道你可以通过java脚本将视频静音，虽然这样做有效，但iOS将不允许视频自动播放，除非先单击视频

有什么理由我会在视频的HTML部分看到这种行为吗

谢谢

---

特洛伊

首先，我可以看出你有

#媒体

是否要将其设置为

id=“媒体”

我能看到的另一件事是你的

mute=“true”

用于声明布尔属性的语法无效。只需添加

muted=“muted”

还有，当你说

您可以通过java脚本将视频静音，虽然这样做有效，但在首次单击视频之前，iOS将不允许自动播放视频

您的意思是希望在加载页面时自动播放视频？在这种情况下，添加

autoplay=“autoplay”

---

如果上面没有详细说明您遇到的任何问题，请留下评论，我会尽快解决。

如果源媒体不包含音频曲目，则允许元素在无需用户手势的情况下自动播放。元素也可以在没有用户手势的情况下自动播放。如果某个元素获得音轨或在没有用户手势的情况下变为非静音，则播放将暂停。

未静音的视频将不会自动播放，除非是通过用户手势播放。在我的应用程序中，当视频在视图中时，我会自动播放它们。我只是尝试了mute=“mute”，但似乎也没有解决任何问题。我的问题出现在浏览器和设备上。由于我也在使用videogular2，所以我会更多地使用它，而且它似乎已静音=“mute”现在工作正常。非常感谢你，我不知道我怎么从来没有遇到过。不用担心，总是很乐意帮忙！另外，你打算奖励奖金吗？是的，我在设置奖金后要等24小时，所以我明天会这么做。谢谢。顺便说一句，这是一个很好的问题，所以我明天也会投票表决。