Элемент видео html5 с селектором кодеков: сбой отката. Почему?

Я новичок в html5 и пытаюсь отделить теорию от практики.

хорошо это или плохо, но наш транскодер выводит только видеофайлы .mp4.

Теория

Я сгенерировал элемент видео html5, чтобы сделать следующее (по крайней мере, я так думал):

  • укажите тег видео html5 с исходным элементом, специфичным для кодека
  • вставьте ссылку, которую браузер будет отображать, если он не поддерживает одно из следующих действий:

    1. the video element
    2. кодек

Идея: если браузер не поддерживает тег "видео" или кодек, он отобразит ссылку

Проблема

Я знаю, что текущая версия firefox (17) не поддерживает mp4. Я ожидал, что он отобразит ссылку.

Однако в firefox (17) firefox отображает большой черный ящик с этим сообщением: «Видео с поддерживаемым форматом и типом MIME не найдено».

HTML

Вот код:

<video  
          <source  type='video/mp4;codecs="avc1.42E01E, mp4a.40.2"' src='/videos/33536/foo.mp4' />
          <!-- Fallback: browser should show link of it does not codec -->
          <a href='/videos/33536/foo.mp4'>
                      Click this link to view video
          </a>
</video>

Вопросы

  • как можно использовать html5-видео в этой ситуации?
  • поведение firefox "в соответствии со спецификацией" или "мошенничество"?
  • Можете ли вы в любом случае порекомендовать код для решения этой проблемы (т. е. изящный откат с использованием видео html5 и firefox)? Я пробовал modernizr, но обнаружил, что он сгенерирован "вероятно" для 'Modernizr.video.mp4' и дал противоречивые результаты в разных браузерах (т.е. иногда работал, иногда нет)

Благодарность


person user331465    schedule 20.05.2013    source источник
comment
пробовали ли вы без атрибута type, а также проверили ли вы тип MIME, который ваш сервер отправляет для видео (просто для устранения любого странного поведения)   -  person Offbeatmammal    schedule 21.05.2013


Ответы (1)


Самый информативный источник, который я знаю для кроссбраузерного видео HTML5, - это Погрузитесь в HTML5, там есть целый мир информации, в том числе то, что вам нужно для Firefox.

Ознакомьтесь с главой видео http://diveintohtml5.info/video.html

Удачи!

person David Taiaroa    schedule 21.05.2013