Видео html5 не работает на ipad

У меня есть html5 видео, которое должно работать на ipad. Элементы управления должны быть скрыты, а при нажатии на значок IPad видео должно воспроизводиться видео html5.

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

<!doctype html>
<html>
 <head>
   <meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" />
   <link href="#" onclick="location.href='http://vjs.zencdn.net/c/video-js.css'; return false;" rel="stylesheet">
   <script src="http://vjs.zencdn.net/c/video.js"></script>

   <script>
    var video = document.getElementById('video');
    video.addEventListener('touchstart',function(){
            video.play();
    },false);
</script>
</head>
<body>
   <video id="video" class="video-js vjs-default-skin" preload="auto" width="620" height="860" poster="img/poster.png" data-setup="{}">
    <source src="video/Motion.mp4" type='video/mp4'>
    </video>
</body>
</html>

Ответ 1

Вы обслуживаете видео с правильным типом MIME? Отличная статья Видео в Интернете от Dive Into HTML 5 охватывает все, что вам нужно знать об обслуживании видео. Путь вниз в нижней части статьи (за исключением всей справки по кодированию) охватывает проблемы с iPhones и iPads, а также необходимость правильный тип MIME. Это хорошо стоит прочитать.

ИЗМЕНИТЬ

Для работы с iOS должен быть включен заголовок ответа HTTP Accept-Ranges: bytes, см. Руководство по веб-контенту Safari - настройка сервера

Ответ 2

Попробуйте этот трюк (пользователь не должен нажимать на экран):

document.addEventListener('touchstart', function(event) {

  video.play();

  // They use this first touch/click event for buffering others video.
  // with this trick 

  video2.play();
  video2.pause();

  // After in your program you can call from 'code' play video.
  // Sum of success buffering per one click is 3 ~ 6 ( android or ios ).


}, false);

У меня работает на андроид планшете samsung, iphone и ipad 2/3.

Обновлено:

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

Там нет окончательного решения. Например, Firefox версии 64 на Mac не поддерживает, но та же версия на Linux поддерживает автозапуск. И так долго...

Ответ 3

В моем случае тип MIME был верным, но мой сервер не позволял клиенту запрашивать частичные файлы с заголовком HTTP диапазона. Поэтому сервер должен отправить "Accept-Ranges: bytes", когда вы запрашиваете файл mp4, iPad откажется загрузить этот файл, если он будет вынужден полностью загрузить его.

Ответ 4

У меня была та же проблема. Видео не воспроизводилось только на iPad и iPhone4. Ничего не получилось. Наконец, я обнаружил, что мой файл .mp4 был в неправильном формате. Я не создавал этот файл. После того, как я преобразовал его еще раз в формат mp4, он сработал.