video.js - 如何最初静音视频？

Question

我努力了：

videojs("cats").ready(function(){
myPlayer.volume(0);
});

...但它没有用。我在此处和文档中进行了搜索，但没有找到答案，也没有正确使用代码。

Answer 1

可能有点晚了。

在您的 javascript 中，尝试：

myPlayer.muted(true);

Answer 2

好的，答案很简单：

只需在标签中添加：静音，例如：

 <video id="cats" class="video-js vjs-fullscreen vjs-default-skin" muted autoplay controls loop preload="auto" width="600" height="400"
      data-setup="{}">
    <source src="x.webm" type='video/webm' /> 
  </video>

Answer 3

初始化播放器时，可以将 muted 设置为 true。

videojs("cats", { muted: true });

Answer 4

在 VideoJS 上设置静音的方法很少。

 {muted: true} OR this.volume(0) OR "muted" attribute in a video tag

下面的示例：

  var setupOpt = {
      'techOrder': ["html5", "flash"],
      'muted'    : true, //OR YOU CAN ADD MUTE Attr.
      'controls' : true,
      'autoplay' : true,
      'preload'  : 'auto',
      'height'   : '500px',
      'width'    : '500px',
      'poster'   : "Url for poster"
  };

  videojs("my-video", setupOpt , function() {
    var player = this;
        player.src({ src: "URL!", type: 'TYPE!'});
        player.volume(0); //Volume range 0.0 to 1 (0.0, 0.1, 0.2 ...)
    // });
  });

Answer 5

您的代码myPlayer.volume(0.5);不会使视频静音。您需要将其更改为：

myPlayer.volume(0);

从文档中：“0 关闭（静音），1.0 一直向上，0.5 是一半。”

Answer 6

代码中的问题是 myPlayer 变量没有定义

videojs("cats", {}, function(){
          var myPlayer = this;
          myPlayer.volume(0);
});

Answer 7

可能有点晚了，但我认为解决方案很简单。将您的代码从 更改myPlayer为this。应该是这样的：

videojs("cats").ready(function(){
    this.volume(0);
});

这是未经测试的，但我认为它应该可以工作。即使您有一个myPlayer接收播放器的变量，它也只会在设置.ready()回调后才包含它，因此在回调中，该变量不会保存您的播放器。

也许我的解释是错误的，但你可以试试这个...... ;-)

编辑：刚刚看到其他一些答案，这也应该有效。