Как обнаружить, нет доступных форматов в видео HTML5?

Question

Этот код показывает сообщения для старых браузеров, которые не поддерживают элемент video.

<video controls> 
    <source src="./foo.mp4" /> 
    <p>Use new browser.</p> 
</video> 

Firefox поддерживает video элемент и MP4/H.264 формат в ОС Windows 7+, но не поддерживает этот формат в Windows XP.

Я хочу показать сообщениям пользователей Windows XP для установки плагина.

Answer 1

Один из способов (если я правильно понял вопрос) состоял бы в том, чтобы ваш элемент видео с механизмом отбрасывания по умолчанию, а затем дополнил его с помощью JavaScript для определения определенного формата и если вы не найдете поддерживаемый формат, даже если элемент видео есть отображать другое сообщение

canPlayType(format) 

тесты, чтобы увидеть, может ли браузер играть определенный тип видео, например 'video/webm;codecs="vp8, vorbis"'

браузер вернется:

• probably - если это, скорее всего, видеофайл может быть воспроизведен maybe
• , если видео может воспроизводиться [empty string]
• , если видеофайл не воспроизводится

---

<video id="myvid" controls> 
    <source src="./foo.mp4" /> 
    <p>Use new browser.</p> 
</video> 
<script> 
    myvid = document.getElementById("myvid") 
    if (myvid.canPlayType('video/webm;codecs="vp8, vorbis"') || myvid.canPlayType('... others depending on what formats you have available ...') { 
     // all okay 
    } else { 
     // alert user to the problem 
    } 
</script>