【问题标题】:Is there a way to set the default HTML5-Video volume?有没有办法设置默认的 HTML5-Video 音量?
【发布时间】:2011-11-26 19:09:31
【问题描述】:

HTML5 视频始终以 100% 的音量开始。

我怎样才能让它们以 50% 的音量开始?

【问题讨论】:

标签: html html5-video


【解决方案1】:

假设您擅长将 JS 混合到 HTML 中,您可以利用 events 之一,例如 loadstart

<video onloadstart="this.volume=0.5" ...>

警告: 浏览器支持 - 适用于最新的 Chrome 和 FF(但存在视觉错误)。没有测试过其他人。

【讨论】:

  • 最简单的答案!如果 W3C 认为适合给我们一个音量属性来配合我们的静音属性。
  • 所有的答案都是黑客,但这个至少让代码接近行动。尽管存在不引人注目的论点,但我认为这是一个值得的例外,让遗留编码人员了解为什么数量从 50% 开始。
【解决方案2】:
<div>
    <video id="sampleMovie" src="mp4/Premier delivery.mp4" width="777" height="582.75" controls autoplay ></video>
        <script>
        var video = document.currentScript.parentElement;
        video.volume = 0.1;
        </script>
    </div>

完美运行!

【讨论】:

    【解决方案3】:

    您可以按如下方式影响&lt;video&gt; 元素的volume 属性:

    document.getElementsByTagName('video')[0].volume = 0.5;
    

    如果使用 jQuery,那么您可以使用他们的 prop 方法来更改 jQuery 集合对象中的音量,如下所示:

    $("video").prop("volume", 0.5);
    

    这将改变集合中的所有 DOM 元素。

    【讨论】:

    • 不知道的小伙伴补充一下:这段代码需要放在浏览器的插件“*monkey”中(有不同的实现方式)。
    【解决方案4】:

    如果你不想弄乱javascript,你可以这样做:

    <video muted="">
        <source src="yourvideo.mp4" type="video/mp4">
    </video>
    

    【讨论】:

    • 超出问题范围。
    • 知道还是有帮助的!天哪。
    • 超出范围的评论。
    • 这是我一直在寻找的答案。感谢您阅读我的想法。
    【解决方案5】:

    设置默认音量,使用jquery:

    $(function() {
        $("video").each(function(){ this.volume = 0.5; });
    });
    

    【讨论】:

      【解决方案6】:

      用jQuery需要用到一个小技巧:

      $('#your_video_id').get(0).volume = 0;
      

      【讨论】:

      • 或者只是$('#your_video_id')[0].volume = 0;:)
      【解决方案7】:
      var video = document.getElementById('player');
      video.volume = 0.5;
      

      附:使用this 脚本以获得兼容性。

      【讨论】:

      • 漂亮、小巧、实用。竖起大拇指!
      猜你喜欢
      • 1970-01-01
      • 2018-07-23
      • 2021-08-23
      • 1970-01-01
      • 1970-01-01
      • 2016-07-16
      • 2010-12-20
      • 2010-11-19
      • 1970-01-01
      相关资源
      最近更新 更多