2013-05-02 1 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

Firefox, Chrome и Opera support ogv и webm (в настольной версии); webm имеет лучшее качество, чем ogv, с той же поддержкой браузера, что обычно является лучшим выбором. Если вы хотите поддерживать IE, Safari и мобильные устройства, вам также понадобится версия вашего видео в формате mp4. Существует не один формат, который будет работать во всех браузерах, но если у вас есть как webm (или ogv), так и mp4, то по крайней мере один из них должен работать в любом современном браузере, поддерживающем видео HTML5.

Вы можете использовать несколько <source> тегов внутри тега <video> перечислить две версии видео, и пусть браузер выбрать, какой из них использовать, или использовать canPlayType()to determine поддерживает ли браузер определенный формат видео, например, videoPlayer.canPlayType('video/mp4'), а затем вставьте первый формат, который у вас есть, чтобы браузер мог играть.

Если вы хотите поддерживать старые браузеры, которые вообще не поддерживают HTML5-видео (IE8 и более ранние версии), тогда вам может понадобиться использовать резервный проигрыватель Flash Video Player в этом случае. Flash-видеоплееры могут использовать то же видео mp4, которое используется для IE9/10, Safari и мобильных устройств.

 Смежные вопросы

  • Нет связанных вопросов^_^