2013-01-01 7 views
15

タイトルほとんどすべてがそうです。私はページに到着すると自動的に再生を開始するビデオを持っています。HTML5動画はミュートされていますが、スタイリッシュに再生されます

HTMLコードでは、ミュート=「ミュート」としています。そして、ここで奇妙な部分が来る。コントロールを見ると明瞭にミュートされますが、音楽はまだ再生されており、聞こえます。 W3SchoolのHTML5 Videoの例を見ても、ミュートしながら音楽を再生します。

これを回避するためのトラフjQueryなどはありますか?私はビデオにミュートを張っているjQueryラインを持っていますが、それは効果がありません。

<video id="video" width="640px" height="350px" autoplay="autoplay" loop="loop" controls="controls" muted="muted"> 
      <source src="intouchables.f4v" type="video/mp4"> 
      Your browser does not support the video tag. 
     </video> 

は、あなたが私を助けることを願って:

ここではHTMLコードが使用されています。 jQueryの行は、次のとおりです。

$( "video")。prop( 'muted'、true);

ありがとうございます。

答えて

18

videoタグ内で定義されたときに、なぜmuted属性が誤動作しているのか完全にはわかりません。ただし、次の操作を実行できます。

最初に、ビデオタグからmuted="muted"属性を削除します。

<video id="video" width="640px" height="350px" autoplay="autoplay" loop="loop" controls="controls"> 
    <source src="intouchables.f4v" type="video/mp4"> 
    Your browser does not support the video tag. 
</video> 

ここで、ページの読み込み時に動画をミュートする機能を定義します。

window.onload = function() { 
    var element = document.getElementById('video'); 
    element.muted = "muted"; 
} 

これを確認して動作します。 HTML5直接の代わりに、jQueryを介して、ミュートする

+0

あなたは私のヒーローです、私はそれが動作していることを確認することができます。私はバグを報告しようとします。まことにありがとうございます! –

+9

'element.muted = true;'を使用することをお勧めします。これは実際にはbooleanプロパティです - https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement –

3
<video preload= "true" autoplay = "autoplay" loop = "loop" muted> 
    <source src = "video/Real-Estate.mp4" type = "video/mp4"> 
</video> 
1

、あなたはまた、すなわち、videoタグ内volume="0"を使用することができます。

<video preload="true" autoplay="" volume="0" poster="img/example.jpg"> 
+2

'' volume = "0" FF45で動作しませんでした。 –

3

は、このミュートは、クロム64に動作を停止ように、まだ63で動作します見えます。

+0

また、chrome 64で 'muted'ビデオタグが壊れていることを確認します。回避策:ビデオ要素がページの最初の読み込み時にレンダリングされたページに置かれていても動作します。 JavaScriptを使用して直接ミュートをエレメントに適用することもできます。 参照:https://stackoverflow.com/questions/48629652/chrome-64-update-muted-tag-no-longer-working-in-video/48651746#48651746 – Ariella

関連する問題