jquery - HTML5 ビデオは最後にフェードアウトする必要があります

Question

問題は、Firefox を使用する複数の Windows マシンでビデオがフェードアウトしないことです。私はそれが機能するように2つの方法を実装していることを知っています....しかし、残念ながらそうではありません。動作しないマシンでは、DivX-ロゴと DivX-Player タイムラインが表示されます。おそらくこれが問題であり、なぜ機能しないのですか？

私のコード:

 <div id="video">
    <video id="vid" autoplay preload="auto">
     <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" width="100%"type="video/mp4" ></source>
  </video> 
</div>

video.addEventListener('ended', function () {
                    $('#vid').addClass('hide');
                    $('video').delay(100).fadeOut();

                }, false);
                video.play();

私はあなたのために小さなjsfiddleを持っています: ここに

前もって感謝します！