Невозможно воспроизвести видеофайл на моей веб-странице ... дает Нет Тип MIME найден

Question

Я хочу показать видеоклип на своей веб-странице.

Я использую тег video, но это не показывает мне результат.

Я прикрепил два скриншота.

Возможно, кто-нибудь скажет мне, что случилось с тем, что я сделал?

Answer 1

Как уже упоминалось в комментариях, кажется, вполне возможно, что это связано с вопросом поддержки Firefox mp4/h.264.

На самом деле существуют некоторые методы, которые вы можете использовать в своем JavaScript, чтобы определить, воспроизводится ли видео и соответственно реагировать. дать пользователю сообщение или переключиться на другое видео.

MediaSource.isTypeSupported() 

выше позволит вам сделать чек, если тип MIME поддерживается - это «экспериментальный», поэтому не поддерживается всеми браузерами, но поддерживается Firefox 42.0 и выше. Более подробная информация здесь:

• https://developer.mozilla.org/en-US/docs/Web/API/MediaSource/isTypeSupported

H.264 кодек, поддержка в Firefox также немного сбивает с толком, я считаю, с различной информацией в разных местах, но это, конечно, было делом, и вполне вероятно, до сих пор заключается в том, что поддержка зависит от базовой системы, поддерживающей конкретный кодек. Firefox поддерживает механизм HTML5, который позволяет проверить во время выполнения поддерживается ли видеокодек:

function canPlayH264() { 
    var v = document.createElement('video'); 
    return !!(v.canPlayType && v.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"').replace(/no/, '')); 
}; 

Больше информации здесь (в разделе «Воспроизведение обнаруживать):

• https://developer.mozilla.org/en-US/Apps/Fundamentals/Audio_and_video_delivery/H.264_support_in_Firefox

Как в стороне, на случай, если не ясно, существует несколько различных вариантов кодеков H.264. Это может вызвать путаницу, поскольку одно кодированное H.264 видео может поддерживаться на конкретном клиентском устройстве, а другое нет. Существует хорошее объяснение того, как читать кодек информации в этом ответе:

• https://stackoverflow.com/a/16365526/334402