Видео js. Не работает на iOS 5.x (iPad 1), iOS 6.x (iPhone 4)

Question

Я внедряю видео с video.js 4.0, которое я преобразовал в MP4 из mpeg с Handbrake (H.264) с videojs. Затем я преобразовал mp4 в ogv и webm (online-convert.com).

Видео не воспроизводится на iOS 5.1 (iPad 1) или 6.1.2 (iPhone 4). Он работает, однако, на 6.x на последнем поколении iPad, всех браузерах Mac и ПК (вплоть до 7). На iOS 5.1 (iPad 1) я просто получаю бесконечный счетчик. На iOS 6.1.2 (iPhone 4) я получаю символ воспроизведения с линией через него.

Вот мой код для вставки:

<video id="my_video_1" class="video-js vjs-default-skin" preload="auto" width="1050" height="588" poster="/img/posterframe.jpg" 
    data-setup="{}"> 
     <source src="/video/Design_Sketch_new.mp4" type='video/mp4'> 
     <source src="/video/Design_Sketch_new.ogv" type='video/ogg'> 
     <source src="/video/Design_Sketch.webm" type='video/webm'> 
    </video> 

Кто-нибудь есть какие-нибудь идеи? Нужно ли кодировать файл по-другому? Поставить дополнительный формат? Вставить видео по-другому?

Answer 1

Для кого-то интересно, это было связано с размером видео. У него было 1080p, которым старые устройства не нравятся. Я уменьшил его до 480, и все хорошо. См. Здесь: http://blog.fraser-hart.co.uk/video-js-issues-on-ipad/