HTML5 video video playlist

это упрощенный, упрощенный список воспроизведения видео HTML5. Удивительно для меня, но, похоже, он отлично работает в mozzila / chrome / opera, я имею в виду - ТОЛЬКО с указанием ogv в скрипте.

  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>

html video playlist
person Tosho    schedule 02.05.2013    source источник
comment
Я оставляю комментарий, потому что это не ответ на ваш вопрос, а скорее предложение по улучшению кода. Я фактически использовал ваш код как основу для плеера, который я писал для клиентского мероприятия.   -  person David Duggins    schedule 12.11.2015

Ответы (1)


arrow_upward
0
arrow_downward

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

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

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

person mark4o    schedule 02.05.2013