Windows のクロムで html5 ビデオに問題があります。ビデオは正常に再生されます。ただし、終了すると、ビデオはフェードアウトしません。フェードアウトする代わりに、「divx」アイコンが表示され、何も起こりません。クロムはビデオが終了したことに気付いていないようです。
ビデオをループに設定すると、ビデオはChromeで常にループします(Macでは、すべてのブラウザですべて正常に動作します/ WinのFirefoxでも)。
ここに私のJavaScriptがあります:
<script type="text/javascript">
$(document).ready(function(){
var video = $('video')[0];
video.addEventListener('ended', function () {
$('video').fadeOut(200);
}, false);
video.play();
});
</script>
ここに私のhtmlがあります:
<video id="video" autoplay preload>
<source src="animation/animation.mp4" width="100%" height="100%" type="video/mp4";>
<source src="animation/Komp.ogv" width="100%" height="100%" type="video/ogg";>
</video>
誰かが私を助けてくれたらとてもうれしいです。