Формат видео или тип MIME не поддерживается

Это соответствующий код для запуска видео:

<video id="video" src="videos/clip.mp4" type='video/mp4' controls='controls'>
    Your brwoser doesn't seems to support video tag
</video>

Этот код работает отлично, но при попытке его угасать:

function showVideoPlayer(){          
    console.log('video displayed');      
    $("#video").fadeIn('medium');
}

он не работает, и я получил следующее:

Как вы можете видеть: Video format or MIME type is not supported.

Контейнер видео скрыт в css:

#video{
    position:fixed;
    border:solid 1px #000000;
    width:654px;
    height:454px;
    background-color:#FFFFFF;
    left:23%;
    top:11%;
    display:none;
}

Это идея, контейнер видео скрыт (display:none), когда это необходимо, я вызываю функцию showVideoPlayer, чтобы показать видеоконтейнер. Однако это не работает и не вызывает меня эта ошибка в FireFox и пустой экран в Chrome и IE9.

Мне что-то не хватает? функция fadeIn кажется мне неправильной?

Ответы

Ответ 1

В настоящее время Firefox не поддерживает формат MPEG H.264 (mp4) из-за философского несогласия с природой формата с закрытым исходным кодом.

Чтобы воспроизводить видео во всех браузерах без использования плагинов, вам необходимо разместить несколько копий каждого видео в разных форматах. Вам также потребуется использовать альтернативную форму тега video, как показано в примере JSFiddle от @TimHayes выше, воспроизведенного ниже. Mozilla утверждает, что для обеспечения полного охвата всех основных браузеров необходимы только mp4 и WebM, но вы можете обратиться к разделу "Видеоформаты и поддержка браузера" на странице W3C HTML5 Video. чтобы узнать, какой браузер поддерживает какие форматы.

Кроме того, стоит проверить страницу HTML5 Video в Википедии для базового сравнения основных форматов файлов.

Ниже приведен соответствующий тег video (вам нужно будет перекодировать видео в WebM или OGG, а также ваш существующий mp4):

<video id="video" controls='controls'>
  <source src="videos/clip.mp4" type="video/mp4"/>
  <source src="videos/clip.webm" type="video/webm"/>
  <source src="videos/clip.ogv" type="video/ogg"/>
  Your browser doesn't seem to support the video tag.
</video>

Обновлено 8 ноября 2013 г.

Гигант сетевой инфраструктуры Cisco анонсировал планы с открытым исходным кодом реализовать кодек H.264, исключив плату за лицензирование, которая до сих пор оказалась препятствием для использования от Mozilla. Не углубляясь в политику (см. Следующую ссылку для этого) это позволит Firefox поддерживать H.264, начиная с "начала 2014 года" . Однако, как отмечено в этой ссылке, это все еще связано с оговоркой. Кодек H.264 предназначен только для видео, а в контейнере MPEG-4 он чаще всего сочетается с аудиокодеком AAC с закрытым исходным кодом. Из-за этого воспроизведение видео H.264 будет работать, но звук будет зависеть от того, есть ли у конечного пользователя кодек AAC уже на своем компьютере.

Долгое и короткое из этого - это прогресс, но вы по-прежнему не можете избежать использования нескольких кодировок без использования плагина.

Ответ 2

Для Ubuntu 14.04

Просто удалил пакет Oxideqt-dodecs затем установите flash или ubuntu ограниченные дополнительные функции

и вам хорошо идти!

Ответ 3

ИСПРАВЛЕНО!

Я потерял рассудок над этим. Reset firefox, проверенный безопасный режим, удаленные плагины, отлаженные с помощью инструментов разработчиков. Все были безуспешными, и я не стал больше получать мои видео в нормальном режиме просмотра. Это, однако, отлично справилось.

В Firefox или в любом другом браузере Firefox у вас есть (CyberFox - мой любимый выбор здесь), просто перейдите к https://get.adobe.com/flashplayer/

ПРОВЕРЬТЕ ПЕРВОЕ, что на веб-сайте обнаружено, что вы используете FireFox и настроили загрузку для флеш-плеера для Firefox.

Не просто нажмите кнопку "Загрузить". ПОЖАЛУЙСТА, ПОЖАЛУЙСТА, ПОЖАЛУЙСТА, ПОЖАЛУЙСТА, ПОЖАЛУЙСТА, СОХРАНЯЙТЕ СЕБЯ мигрень, и ВСЕГДА убедитесь, что средний раздел с надписью "Необязательное предложение" абсолютно НЕ ПРОВЕРЕН, он будет проверяться по умолчанию, поэтому всегда продолжайте его очищать, прежде чем приступать к загрузке.

После завершения загрузки выйдите из Firefox. Запустите загруженный установочный файл как "Администратор". Для завершения потребуется всего несколько секунд, поэтому после этого снова откройте Firefox и попробуйте просмотреть все, что было ранее выбрано этой ошибкой. Теперь должно быть нормальным.

Наслаждайтесь!

Ответ 4

В моем случае эта ошибка:

Формат видео или тип MIME не поддерживается.

Из-за CSP в моем .htaccess, который не позволял загружать контент. Вы можете проверить это, открыв консоль браузера и обновив страницу.

Как только я добавил домен, который размещал видео в части media-src этого CSP, консоль была чистой и видео было загружено должным образом. Пример:

Content-Security-Policy: default-src 'none'; media-src https://myvideohost.domain; script-src 'self'; style-src 'unsafe-inline' 'self'