2012-11-30 6 views
0

Windows의 크롬에서 html5 비디오에 문제가 있습니다. 비디오가 정상적으로 재생 중입니다. 그러나 끝나면 비디오가 페이드 아웃되지 않습니다. 페이드 아웃하는 대신 "divx"아이콘이 나타나고 아무 일도 일어나지 않습니다. 크롬이 비디오가 끝나는 것을 알지 못하는 것 같습니다.html5 비디오 크롬 문제 재생 PC

동영상을 루프로 설정하면 동영상이 Chrome에서 항상 반복됩니다 (Mac에서는 모든 브라우저에서 잘 작동하지만 Win에서는 Firefox에서도 작동 함).

<script type="text/javascript"> 
      $(document).ready(function(){ 
       var video = $('video')[0]; 
       video.addEventListener('ended', function() { 
        $('video').fadeOut(200); 
       }, false); 
       video.play();  
      }); 
     </script> 

을 heres 내 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> 

나는 매우 기쁠

여기 내 javascrip입니다.

+0

$ ('video') [0]의 참조를 사용하여 이벤트 리스너 내부의 요소를 참조하는 모든 곳에서 ... 어쩌면 이것이 문제인지 확인하십시오. –

+0

또는 내부 참조를 $ (this) .fadeOut (200)으로 변경하십시오. –

답변

0

도움 주셔서 감사합니다. Divx-Webplayer 플러그인을 사용 중지하여 최종적으로 수정했습니다. 비디오가 fadeOut이나 hide 등으로 반응하지 않았습니다. 플러그인이 없으면 모든 것이 잘 작동합니다!