忽略了离子视频静音属性

时间:2018-05-29 23:36:34

标签: html angular html5 ionic-framework

我遇到一个奇怪的问题,即视频元素上的静音标记被忽略。

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

静音或静音=&#34; true&#34;被忽视,视频继续播放声音。

据我所知,您可以通过java脚本静音视频,虽然可行,但在首次点击视频之前,iOS不允许自动播放视频。

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

谢谢,

特洛伊

1 个答案:

答案 0 :(得分:1)

首先,我可以看到你有

  

#media

您要这个为id="media"吗?

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

  

muted =“ true”

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

另外,当你说

  

您可以通过Java脚本使视频静音,而在这种情况下,iOS将不允许视频自动播放,除非先单击该视频。

您是说要在加载页面时自动播放视频吗?在这种情况下,请添加autoplay="autoplay"

如果上面没有详述您遇到的任何问题,请发表评论,我会尽快修复。