2016-09-02 2 views
0

私は絶対に驚いています。Javascript TypeErrorによってHTML5ビデオが正常に動作するようになりました。

<div class="row videoholder"> 
     <div class="col-md-12"> 
      <video id="movie" muted="false" autoplay="true" loop="" class="" poster=""> 
       <source src="{{url('/mp4/kleinste.mp4')}}" type="video/mp4"> 
       I'm sorry; your browser doesn't support HTML5 video in WebM with VP8 or MP4 with H.264. 
      </video> 
     </div> 
    </div> 

JavaScriptで、私はリサイクルが必要な/古いコードをコメントアウトしました。また、関数の呼び出しをコメントに入れました。 (このゴミコードは気にしないでください)

//volume(); 

/*function volume(){ 
$('#volume').on("click", function() 
{ 
    if($('#volume i').hasClass("fa-volume-up")) 
    { 
     $('#volume i').removeClass("fa-volume-up"); 
     $('#volume i').addClass("fa-volume-off"); 
     $('#movie').prop('muted', true); 
    }else{ 
     $('#volume i').removeClass("fa-volume-off"); 
     $('#volume i').addClass("fa-volume-up"); 
     $('#movie').prop('muted', false); 
    } 
}); 
}*/ 

ここではクレイジーな部分があります。ボリューム()コードをコメントにしておくと、HTML5動画は再生されません。黒いスクリーン。

私は、関数(ない関数自体)への呼び出しコメントを解除:私は明らかにボリュームが存在しない関数を記述キャッチされない例外TypeErrorが、を果たしているビデオを取得

volume(); 

を!

誰かがここで何が起こっているのか、私はこのビデオを動作させるために私のコードで単純なJavaScriptのエラーを残す必要がありますか?

コンプリートJS:http://pastebin.com/AXqB26wi

+0

奇跡:コードをチェックし続ける - ボリューム機能で何か他の人にコメントする –

+1

ビデオのSrc属性...あなたは口髭を使用していますか?なぜか中括弧内にあるのはなぜですか? – WaldemarIce

+3

私は 'volume();'の後に何かがあると思いますが、 'video();'が失敗するので、残りのコードは実行されないのでビデオは正常に動作します。 –

答えて

0

解決!

mmenu()関数内で問題を見つけることができました。 HTML5ビデオとmmenuに問題がある人が増えているようです(https://github.com/FrDH/jQuery.mmenu/issues/162参照)。

私のすべてのコンテンツを1つのdivに入れることは、そのトリックを行うようです。

<body> 
    <div> 
     ... 
    </div> 
</body> 
関連する問題