blocks|key|2409363|text|好的，答案很简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2409364|只需在标签中添加:+muted，例如：|2409365|+<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>|code-block|syntax|javascript|2409366|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Okay so the answer is easy:

just add: muted to the tag, such as:

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

blocks|key|4522291|text|可能有点晚了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4522292|在您的javascript中，尝试：|4522293|myPlayer.muted(true);|code-block|syntax|javascript|4522294|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

might be a bit late.

In your javascript, try:

<pre><code>myPlayer.muted(true);
</code></pre>

blocks|key|2409341|text|初始化播放器时，可以将muted设置为true。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2409342|videojs("cats",+{+muted:+true+});|code-block|syntax|javascript|2409343|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

When you init the player, you can set muted to true.

<pre><code>videojs("cats", { muted: true });
</code></pre>

blocks|key|1822155|text|有几种方法可以在VideoJS上设置静音。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1822156|+{muted:+true}+OR+this.volume(0)+OR+"muted"+attribute+in+a+video+tag|code-block|syntax|javascript|1822157|下面是示例：|offset|length|style|BOLD|1822158|++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+...)
++++//+});
++});|1822159|entityMap^0|0|0|3|3|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

There'r few ways to set Mute on VideoJS.

<pre><code> {muted: true} OR this.volume(0) OR "muted" attribute in a video tag
</code></pre>

Sample below:

<pre><code> 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 ...)
 // });
 });
</code></pre>

blocks|key|4522227|text|您的代码myPlayer.volume(0.5);不会将视频静音。您需要将其更改为：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4522228|myPlayer.volume(0);|code-block|syntax|javascript|4522229|在documentation中："0表示关闭(静音)，1.0表示一直向上，0.5表示中途。“|4522230|entityMap|0|LINK|mutability|MUTABLE|url|http://www.videojs.com/docs/api/^0|4|L|0|0|1|D|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

Your code <code>myPlayer.volume(0.5);</code> will not mute the video. You need to change that to:

<pre><code>myPlayer.volume(0);
</code></pre>

From the <a href="http://www.videojs.com/docs/api/" rel="nofollow">documentation</a>: "0 is off (muted), 1.0 is all the way up, 0.5 is half way."

blocks|key|2409399|text|可能有点晚了，但我认为解决方案很简单。将您的代码从myPlayer更改为this。应该如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2409400|videojs("cats").ready(function(){
++++this.volume(0);
});|code-block|syntax|javascript|2409401|这是未经测试的，但我认为它应该可以工作。即使你有一个接受播放器的变量myPlayer，只有在设置了.ready()回调之后，它才会包含它，所以在回调中，这个变量不会保存你的播放器。|2409402|也许我的解释是错的，但你可以试试这个。;-)|2409403|编辑:我刚看了一些其他的答案，应该也行。|2409404|entityMap^0|P|8|10|4|0|0|Y|8|1D|8|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|M|3|N|5|6|7|13|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|14|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|R|$]]

Might be a bit late, but I think the solution is quite easy. Change your code from <code>myPlayer</code> to <code>this</code>. Should look like this:

<pre><code>videojs("cats").ready(function(){
 this.volume(0);
});
</code></pre>

This is untested, but it should work, I think. Even if you had a variable <code>myPlayer</code> that takes the player, it will contain it only after having set the <code>.ready()</code> callback, so in the callback, the variable won't be holding your player.

Maybe my explanation is wrong, but you could try this... ;-)

EDIT: Just saw some of the other answers, that should also work.

blocks|key|2409431|text|代码中的问题是没有定义myPlayer变量|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2409432|videojs("cats",+{},+function(){
++++++++++var+myPlayer+=+this;
++++++++++myPlayer.volume(0);
});|code-block|syntax|javascript|2409433|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The problem in the code is that the myPlayer variable is not defined

<pre><code>videojs("cats", {}, function(){
 var myPlayer = this;
 myPlayer.volume(0);
});
</code></pre>

I have tried:

<pre><code>videojs("cats").ready(function(){
myPlayer.volume(0);
});
</code></pre>

... but it did not work. I searched here and through the documents and am not finding the answer, or using the code correctly.

How to initially mute videos?

33 天实现自己的 AI 进化论？发文瓜分机械键盘、耳机等万元奖池！点击参加活动：<a href="https://cloud.tencent.com/developer/article/2503022" target="_blank">https://cloud.tencent.com/developer/article/2503022</a> 
 <img src="https://qcloudimg.tencent-cloud.cn/raw/01543e0407db10898a7ee9f420794432.jpg"/>

技术创作特训营有奖征文

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云AI代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

文章&问答评论现已支持表情

我试过了：videojs("cats").ready(function(){myPlayer.volume(0);});..。但它并没有起作用。我在这里搜索了所有文档，但没有找到答案，也没有正确使用代码。

问如何将视频初始静音？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将视频初始静音？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何将视频初始静音？
EN