Как добавить видео на веб-страницу для мобильных веб-браузеров

Question

Наша компания делает мобильную версию нашего сайта. У нас есть несколько видеороликов о продуктах, которые мы хотим показать в мобильной версии.

Когда я пытаюсь использовать

<a href="video.wmv">video</a> 

Звук воспроизводится, но на моем htc невероятном телефоне Android OS черный экран.

Я думаю, что видео воспроизводится, но в другом окне браузера. Мне нужно, чтобы все отображалось в одном окне без необходимости переключаться в другое окно.

Я попробовал теги html embed и вообще не получил видео или звука, из того, что я прочитал, эти теги не очень реалистичны для разных браузеров.

Я также только что попробовал теги html5 video ниже. Я получил значок, указывающий, что это видеофайл, но он не воспроизводится.

<video src="video.wmv" controls="controls">
      your browser does not support the video tag
</video>

Существует ли специальный формат видео файла? Должны ли я использовать теги href или embed, какие еще есть варианты?

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

Спасибо

Answer 1

Android обычно не поддерживает формат WMV. Вот список поддерживаемых форматов:

http://developer.android.com/guide/appendix/media-formats.html

Если iPhone / blackberry / etc не имеют общего формата, вам может потребоваться некоторая магия javascript, основанная на пользовательском агенте, чтобы выбрать файл для встраивания.

Answer 2

Я нашел простое решение моей проблемы. YouTube. Загрузите видео на YouTube, которые должны играть на вашем мобильном веб-сайте, и они работают. СРОК.

Нет суеты! Просто скопируйте встроенный URL-адрес со страницы видео YouTube на страницу своего мобильного устройства, и все готово к работе.

Я не совсем уверен, как YouTube делает видео совместимыми. Я предполагаю, что при загрузке видео оно автоматически конвертируется в несколько форматов, поэтому правильный кодек / контейнер воспроизводится в зависимости от того, какой смартфон обращается к странице.

Этот список не является обширным, и я, вероятно, подумаю об этом позже, но прокомментируйте, если вы можете подумать о каких-либо дополнительных преимуществах или недостатках использования YouTube для мобильных видео.

Преимущества:

++ YouTube является общепринятым среди большинства смартфонов (поэтому ваше видео должно воспроизводиться!).

+ Если у вас ограниченная пропускная способность, вам не нужно беспокоиться о том, чтобы тратить свою пропускную способность самостоятельно.

++ Простота установки, практически нет конфигурации (настройка разрешения видео). Это просто работает! (Инкапсуляция ...)

Недостатки:

- Символ YouTube во время воспроизведения видео

- Он не размещен на вашем хостинге. Может не отслеживаться некоторыми аналитическими службами. (требуется специальное отслеживание? событие java-script onclick?)

- Пропускная способность YouTube может быть неприемлемой для плавного воспроизведения? (хотя при первоначальном просмотре видео пропускная способность кажется приемлемой (минимальная буферизация ...), но не подтверждена ...). Вероятно, в основном зависит от качества связи 3g / 4g сотового телефона.

- ограниченный размер / разрешение видеофайла? не должно быть проблемой, потому что вы хотите видео низкого качества для смартфонов.

Я хотел бы знать, как именно YouTube обеспечивает совместимость видео со смартфонами, поэтому при необходимости я могу разместить видео самостоятельно, но на данный момент это, кажется, лучший выбор.

Answer 3

Формат видео, который необходимо отправить в браузер, зависит от браузера. Firefox поддерживает Ogg Theora, кажется, что все остальные поддерживают H.264 в контейнере MPEG-4 (файл MP4.)

См. Здесь пример: http://html5demos.com/two-videos

В любом случае WMV не будет работать.