Я много искал, но так и не решил свою проблему.
У меня есть тег video
, работающий следующим образом:
<video
class="ne"
src="{{ page | video_url }}"
muted="true"
volume="0"
controls
width="720"
height="480"
poster="{{ page | video_poster_image_url }}"
type="video/mp4">
</video>
Я использую Jekyll для URL-адресов. Они работают нормально.
Сайт работает по адресу switzerlandllc.com. При нажатии на любое видео в FF появляется изображение и символ X. Chrome и другие браузеры работают нормально.
Если взять источник видео и загрузить его в новой вкладке, он будет работать нормально. По крайней мере, у меня так.
Я добавил:
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
в свой файл htaccess
. Я подозреваю, что мне не нужны .ogv
или .webm
.
Я не понимаю, почему при загрузке видео URL видео воспроизводится нормально, а при загрузке видео в видеотег - нет.
Есть идеи?
Это связано с ограниченной поддержкой формата MP4 в теге видео в Firefox. Поддержка была добавлена только в Firefox 21, и она по-прежнему ограничена Windows 7 и выше. Основная причина ограниченной поддержки связана с роялти, взимаемым с формата mp4.
Дополнительную информацию можно найти в разделах Поддерживаемые медиаформаты и Медиаформаты, поддерживаемые элементами аудио и видео непосредственно у команды Mozilla или в следующей записи блога:
http://pauljacobson.org/2010/01/22/2010122firefox-and-its-limited-html-5-video-support-html/
Я могу подтвердить, что mp4 просто не будет работать в теге видео. Неважно, сколько вы пытаетесь возиться с тегом типа, кодеком и типами mime с сервера.
Сумасшествие, потому что для того же самого видео, на той же самой тестовой странице, старый тег встраивания для mp4 работает просто отлично в firefox. Я вчера весь день возился с этим. Firefox вдруг стал похож на IE, часы и часы времени, не оплачиваемые. Ура.
Кстати, об IE: он гораздо более изящно справляется с этой задачей. Когда он не может подобрать формат, он опускается до содержимого между тегами, так что можно просто поместить видео вокруг объекта вокруг embed и все работает отлично. Firefox - нет, несмотря на неудачу, он выводит изображение постера (выделенное серым цветом, так что это даже не полезно в качестве запасного варианта) с сообщением об ошибке посередине. Так что теперь есть варианты: поместить в код распознавания браузера (что означает, что за последние десять лет мы ничего не добились в области встраивания видео) или отказаться от html5.