私が試してみました:
videojs("cats").ready(function(){
myPlayer.volume(0);
});
...しかし、うまくいきませんでした。こことドキュメントを検索しましたが、答えが見つからないか、コードを正しく使用していません。
私が試してみました:
videojs("cats").ready(function(){
myPlayer.volume(0);
});
...しかし、うまくいきませんでした。こことドキュメントを検索しましたが、答えが見つからないか、コードを正しく使用していません。
少し遅れるかもしれません。
あなたのJavaScriptで、試してください:
myPlayer.muted(true);
わかりましたので、答えは簡単です:
次のように、タグにミュートを追加するだけです。
<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>
プレーヤーを初期化するときに、ミュートを true に設定できます。
videojs("cats", { muted: true });
少し遅いかもしれませんが、解決策は非常に簡単だと思います。コードを からmyPlayer
に変更しますthis
。次のようになります。
videojs("cats").ready(function(){
this.volume(0);
});
これはテストされていませんが、うまくいくはずです。プレーヤーを受け取る変数があったとしてもmyPlayer
、それはコールバックを設定した後にのみ含まれる.ready()
ため、コールバックでは、変数はプレーヤーを保持しません。
私の説明が間違っているかもしれませんが、試してみてください... ;-)
編集:他の回答のいくつかを見ただけで、それも機能するはずです。
コードの問題は、myPlayer 変数が定義されていないことです。
videojs("cats", {}, function(){
var myPlayer = this;
myPlayer.volume(0);
});
あなたのコードmyPlayer.volume(0.5);
はビデオをミュートしません。それを次のように変更する必要があります。
myPlayer.volume(0);
ドキュメントから:「0はオフ(ミュート)、1.0は完全に上、0.5は半分です。」