【问题标题】:Ionic Video Mute Attribute Ignored离子视频静音属性被忽略
【发布时间】:2018-05-29 23:36:34
【问题描述】:

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

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

muted 或 muted="true" 被忽略,视频继续有声播放。

我知道您可以通过 java-script 将视频静音,虽然这样有效,但 iOS 将不允许视频自动播放,直到先点击视频。

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

谢谢,

特洛伊

【问题讨论】:

    标签: angular html ionic-framework


    【解决方案1】:

    首先,我可以看到你有

    #媒体

    你希望这是id="media"吗?

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

    静音=“真”

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

    还有,当你说

    您可以通过 java-script 将视频静音,虽然这样有效,但 iOS 将不允许视频自动播放,直到先点击视频。

    您的意思是希望在加载页面时自动播放视频吗?在这种情况下,添加autoplay="autoplay"

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

    【讨论】:

    • &lt;video&gt; elements will be allowed to autoplay without a user gesture if their source media contains no audio tracks. &lt;video muted&gt; elements will also be allowed to autoplay without a user gesture. If a &lt;video&gt; element gains an audio track or becomes un-muted without a user gesture, playback will pause. 除非通过用户手势,否则未静音的视频不会自动播放。在我的应用程序中,我会在视频出现时自动播放它们。我刚刚尝试过 muted="muted" ,但这似乎也没有解决任何问题。我的问题出现在浏览器和设备上。
    • 玩了更多,因为我也在使用 videogular2 并且它看起来 muted="muted" 现在工作正常。非常感谢,我不知道我怎么从来没有遇到过。
    • 不用担心,总是乐于助人!附言你要奖励赏金吗?
    • 是的,我必须在设置赏金后等待 24 小时,所以我明天再做
    • 非常感谢。顺便说一句,这是一个很好的问题,所以我明天也会投票。
    猜你喜欢
    • 2014-08-22
    • 2013-01-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多