【问题标题】:HTML5 Video - load it muted in IE?HTML5 视频 - 在 IE 中加载它静音?
【发布时间】:2012-06-19 06:13:32
【问题描述】:

我有一个使用 Video for Everyong 解决方案实现的 video5

http://qa.crfhealth.com

我已经设置了视频标签属性 muted="muted" 和属性 'mute':true 的闪光灯

IE 正在播放 mp4 文件,但会在播放音频时加载它。

有谁知道我如何为 IE9 静音?

谢谢!

代码如下:

【问题讨论】:

    标签: html internet-explorer video mp4 mute


    【解决方案1】:

    也许从提出这个问题的日期来看,你已经明白了这一点,但是对于可能遇到这个问题的人来说,原因是 IE9(和更早版本)不支持 videomuted 属性元素/标签。奇怪的是,muted 属性可以通过 JavaScript 获得。因此,通过挖掘 MSDN 的文档,我发现了 3 个用于静音/禁用视频音频的选项。

    选项 1:将 muted 设置为 true

    muted 属性设置为true,应该这样做。

    var video = document.getElementById("your-video-id");
    video.muted= true;
    

    选项 2:将 volume 设置为 0.0

    将音量设置为 0.0 即可。

    var video = document.getElementById("your-video-id");
    video.volume = 0.0;
    

    注意:如果您将音量值设置为0,它将不起作用(在我的测试中没有)。必须有小数点。

    您可以在 MSDN 上查看here 以了解更多使用 JavaScript 的属性(但它没有说明 IE9 支持或不支持什么)。

    选项 3:禁用音轨

    选项 1 和 2 应该足够了,所以我没有测试这条路,但是如果你需要这样做,试试这个:

    /*Note: Only for ilustration purposes.
    This code example was not tested, optimized or anything at all.*/
    
    var video = document.getElementById("your-video-id");
    var oAudioTracks = video.audioTracks; //returns a list of AudioTrack objects.
    
    for (var i = 0; i < oAudioTracks.length; i++) {  // Step through audio track list
        var audioTrack = oAudioTracks[i]; //  Get tracks
        audioTrack.enabled = false; // disable the track
    }
    

    参考:AudioTrack object at MSDNEnabled property at MSDN


    所以,这些是我目前找到的选项。我希望这会有所帮助。

    【讨论】:

      【解决方案2】:

      您的代码在您的帖子中不可见。您是否尝试过使用 JavaScript 将播放器的音量设置为 0?

      var videoElement = document.createElement('video');
      
      videoElement.volume = 0;
      

      【讨论】:

        猜你喜欢
        • 2015-11-25
        • 2018-09-26
        • 1970-01-01
        • 2012-12-11
        • 1970-01-01
        • 2018-02-03
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多