Воспроизведение HTML5 видео на iPad? - PullRequest
Новая
       12

Воспроизведение HTML5 видео на iPad?

2 голосов
/ 26 августа 2011

Я занимаюсь разработкой веб-приложения и испытываю проблемы с видео HTML5 для iPad. Этот код отлично работает везде, а не на iPad. Я просто получаю видеокадр, черный ящик. HTML генерируется в javascript, он не является жестко заданным как таковым. 

<video preload="true" src="places/video.mp4" class="c1" id="it" height="480" width="385" controls="">
</video>

Кто-нибудь знает, что может быть не так? (Видео кодируется с использованием CLI ручного тормоза и ffmpeg2theora, как указано в Dive Into HTML5).

Я думаю, проблема в том, что это не http://serverlocation/places/video.ext. Как бы я изменил его, чтобы он выглядел так (без гарантии, что я знаю местоположение сервера.) Часть меня сомневается в этом, потому что изображения обслуживаются без http: // и они работают нормально.

1 Ответ

3 голосов
/ 26 августа 2011

Мне кажется, я знаю проблему.iPad дросселируется при наличии нескольких тегов <source>.Что вы можете сделать (чтобы сделать это просто), это использовать jQuery для добавления / удаления объектов.

HTML: 

<div id="movie-wrapper">
  <div id="webkit-wrapper">
    <video width="480" height="360" controls="controls" src="places/video.mp4"></video>
  </div>
  <div id="other-wrapper">
    <!-- Do your video in a new wrapper for all others -->
  </div>
</div>

JS: 

$(document).ready( function(){
  if($.browser.webkit) {
    $('#other-wrapper').remove();
  } else {
    $('#webkit-wrapper').remove();
  }
});

В идеале у вас должно быть условие для каждого основного браузера, поскольку для полной совместимости вам нужно как минимум три типа видео.Но что-то вроде этого должно устранить дроссель веб-набора iPad.

Редактировать Перечитывая ваш комментарий, я хочу кое-что убедиться в том, что у вас есть controls="controls" на элементе видео, как указано выше.Из всего, что я прочитал, iPad требует, чтобы включить воспроизведение.В противном случае вы получите ... черный экран.

И вы также можете выяснить, есть ли проблема с кодировкой, для HTML5-видео "Черный экран" на iPad

Редактировать Другие соображения: веб-сервер может неправильно сообщать о типе файла (вы можете проверить это в консоли ошибок, если он передает с предупреждением о типе)

Если загружается плакат, попробуйте напрямуюдоступ к ссылке на видео в формате mp4 (посмотрите, воспроизводит ли она в браузере quicktime).

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

...