Видео теги воспроизводить аудио, но не видео

Question

Если вы посмотрите на my web page, вы увидите, что верхнее видео (средневековый парень с красным носом) отлично играет как видео, так и аудио.

Но если вы посмотрите на нижнее (второе) видео, когда вы его воспроизводите, есть только аудио. «Видеоизображение», которое вы видите, на самом деле не само видео, а png, использующее тег html «плакат».

Вот HTML для обоих видео:

<video src="http://shapeshed.com/examples/HTML5-video-element/video/320x240.m4v" poster="http://shapeshed.com/examples/HTML5-video-element/images/posters/les.jpg" controls="true" width="320" height="240"> 
     Your browser doesn't support the video tag. You can <a href="/video/your_video.ogg">download the video here.</a> 
</video> 

<video src="videos/Play.mov" poster="videos/Play.png" controls="true" width="800" height="600"> 
     Your browser doesn't support the video tag. You can <a href="videos/Play.mov">download the video here.</a> 
</video> 

2-й видео является один я забочусь об этом, но я не могу получить видео для работы в Chrome - он играет только аудио. Но на Mac Safari видео отлично работает. Я делаю что-то неправильно? Кажется, я реализую свое второе видео именно в первом видео. Почему 1 работа и 2 нет?

EDIT: Я получил дальнейшее продвижение, но теперь только в iPad (работает Chrome, работает iphone). Я получаю видео, но не аудио. Есть идеи?

EDIT # 2: Мне нужно, чтобы мои 2 видео правильно воспроизводились на Apple Safari - ничего другого не имеет значения, потому что все пользователи, кроме устройств Apple, будут видеть видео с включенным Youtube. Может ли кто-нибудь сказать мне точные шаги для конвертирования AVI в видеоформат, гарантированный для работы в Apple Safari?

Answer 1

Вы можете попробовать что-то вроде этого:

<video controls> 
<source src="somevideo.webm" type="video/webm"> 
<source src="somevideo.mp4" type="video/mp4"> 
I'm sorry; your browser doesn't support HTML5 video in WebM with VP8 or MP4 with H.264. 

Дополнительная помощь здесь html5 video

Answer 2

Различные типы видео поддерживают различные браузеры. Вы можете конвертировать ваши видео в формате HTML5 с помощью некоторого программного обеспечения, такого как DVDVideoSoft Free HTML5 Video Player And Converter или любого другого. Во втором видео вы используете mov-видео, которое воспроизводит только аудио.

Answer 3

Ваше видео кодируется MPEG-4 Part 2 видео и аудио AAC. MPEG-4 Часть 2 видео не supported by Google Chrome. Если вы не устанавливаете вручную дополнительные кодеки, единственным видеокодеком, поддерживаемым как Safari, так и Chrome, является H.264 (также известный как MPEG-4 Part 10 или MPEG-4 AVC). Если вы перекодируете как H.264, его следует поместить в контейнер MP4 с аудио AAC и расширение файла .mp4 (не .mov).

Answer 4

Веб-видео сложное, большинство браузеров поддерживают различные видеоформаты (кодеки). Чтобы быть совместимым со всеми браузерами, вам нужно каждое видео в трех разных форматах: MP4, OGG, WEBM.

Для обеспечения максимальной совместимости, вот что ваше видео рабочий процесс будет выглядеть следующим образом:

• Сделать одну версию, которая использует WebM (VP8 + Vorbis).
• Сделайте еще одну версию, в которой используется базовое видео H.264 и аудио с низкой степенью сложности AAC в контейнере MP4.
• Сделайте еще одну версию, которая использует видео Theora и аудио Vorbis в контейнере Ogg.
• Ссылка на все три видеофайла из одного элемента и возврат к Flash-видеопроигрывателю.

<video width="320" height="240" controls> 
    <source src="video.mp4" type="video/mp4"> 
    <source src="video.webm" type="video/webm"> 
    <source src="video.ogv" type="video/ogg"> 
</video> 

Источник: http://diveintohtml5.info/video.html#what-works