Видео тег HTML5 используется с mp4, но не воспроизводится на galaxy s4 или iphone
Привет, ребята, я пытаюсь разместить видео наших компаний на нашем веб-сайте, используя тег видео html5, а не встраивать видео на YouTube, и, кажется, оно отлично работает на рабочем столе, но не воспроизводится на моем Samsung Galaxy S4 или iPhone.
я только представил mp4 в коде, поскольку различные конвертеры, которые я пытался, не смогли конвертировать их в ogg или webm (какой, по моему мнению, нужен для мобильных телефонов?)
вот пример кода
<video controls poster="images/sparta-street-safe-graphic.jpg">
<source src="security-videos/private-security-firms.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<h2 class="white">Sparta on BBC news </h2>
Могу ли я просто спросить, есть ли проблема с моим кодом или это просто, как я просто предоставив другой формат, если так, то какой формат?
и если ответом является предоставление другого формата, знает ли кто-нибудь, почему различные конвертеры отказываются конвертировать эти конкретные видео в ogg или webm (у меня есть файлы flv, извлеченные из файлов youtube и mp4, которые они также конвертировали)
заранее спасибо
2 ответа
Конвертируйте видео в формат m4v и все будет работать нормально.
Ваш код выглядит правильно. Но есть проблема с браузерами, предпочитающими MIME-типы одному над другим. Закажите элементы video src следующим образом. Это может иногда работать.
1.video/webm
2.видео / гог или огг
3.video/mp4
Я успешно запустил один большой кролик на Nexus 4. Но не мог сделать это с несколькими видео src. В настольном Firefox он предпочитал OGV, а не WEBM и MP4, но все равно не играл. В сафари он не играл ни <video> с несколькими src, но играл все с <embed> тег. Итак, вы видите, это не работает все время.
Вы можете столкнуться с проблемами, когда <video> элемент не проявляется, забота о предоставлении некоторых height а также width атрибут со значениями.