ビデオの背景にjqueryビデオプラグインを使用しています。問題は、ページの読み込み時に音を出さないことです。ミュート解除ボタンをクリックすると、サウンドが再生されます。ボタンは完全に機能します。しかし、問題は音のないページの読み込みです。ここに私のコードがあります:
$('.video-background').videobackground({
videoSource: [['video/video1.mp4', 'video/mp4'],
['video/video1.webm', 'video/webm'],
['video/video1.ogv', 'video/ogg']],
controlPosition: '#controls',
loop: true,
muted: true,
loadedCallback: function() {
//$(this).videobackground('mute');
//$('video').attr('muted', 'muted');
},
preloadHtml: '',
preloadCallback: function() {
//alert("anni");
$(this).videobackground('mute');
}
});
「loadedCallback」および「preloadCallback」オプションを試し、「mute」メソッドを呼び出していたことがわかります。しかし運がない。誰でも私を助けることができますか?
プラグイン ディレクトリ: https://github.com/georgepaterson/jquery-videobackground
サンプル サイト: http://www.ycoyacht.com/ (このようなものが欲しい)