2013-05-02 6 views
1

이것은 단순하고 단순화 된 HTML5 비디오 재생 목록입니다. 놀랍게도 나를 위해 mozzila/chrome/opera에서 잘 작동하는 것처럼 보입니다. 뜻은 - 스크립트에만 ogv가 지정되었습니다.HTML5 비디오 비디오 재생 목록

  1. 질문 - mp4와 webm도 지정해야합니까?

  2. 그렇다면이 특별한 경우 어떻게해야합니까?

  3. IE는 어떻습니까?

관련

코드 :

<!doctype html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8" /> 
    <title>HTML5_video</title> 
    <script> 
    var videoPlayer; 
    var video_count = 1; 
    window.onload = function(){ 
    videoPlayer = document.getElementById("homevideo"); 
    videoPlayer.addEventListener("ended", function(){ 
    video_count++; 
    if (video_count == 4) video_count = 1; 
    var nextVideo = video_count+".ogv"; 
    videoPlayer.src = nextVideo; 
    }, false); 
    } 
    </script> 
</head> 
<body> 

<video id="homevideo" width="640" height="360" autoplay autobuffer src="1.ogv"></video>   

</body> 
</html> 
+0

나는이 질문에 대한 답이 아니기 때문에 유감스럽게 생각합니다. 오히려 코드를 개선하기위한 제안입니다. 실제로 클라이언트의 이벤트를 위해 작성한 플레이어의 코드로 코드를 사용했습니다. –

답변

0

파이어 폭스, 크롬, 및 (데스크톱 버전에서) 오페라 support ogvwebm; webm은 거의 동일한 브라우저 지원을 통해 ogv보다 우수한 품질을 제공하므로 일반적으로 더 나은 선택입니다. IE, Safari 및 모바일을 지원하려면 mp4 버전의 비디오가 필요합니다. 모든 브라우저에서 작동하는 하나의 형식은 없지만 webm (또는 ogv)과 mp4가 모두있는 경우 HTML5 비디오를 지원하는 최신 브라우저에서 적어도 하나는 작동해야합니다. 브라우저가 특정 비디오 포맷, 예를 지원하는지 여부를 당신은 비디오의 두 가지 버전을 나열하고 브라우저가 사용하는 하나를 선택, 또는 canPlayType()to determine를 사용할 수 있도록하기 위해 <video> 태그의 내부에 다수에게 <source> 태그를 사용할 수 있습니다

videoPlayer.canPlayType('video/mp4')을 입력 한 다음 브라우저에서 재생할 수있는 첫 번째 형식을 삽입하십시오.

HTML5 비디오를 전혀 지원하지 않는 이전 브라우저 (IE8 이하)를 지원하려면 Flash 비디오 플레이어 폴백을 사용하는 것이 좋습니다. 플래시 비디오 플레이어는 IE9/10, Safari 및 모바일에 사용되는 동일한 mp4 비디오를 사용할 수 있습니다.