VideoJS: видео на iPad

Question

Я использую VideoJS для показа видео. Он отлично работает во всех браузерах по каждой системе. Исключение составляет iPad (iOS 5 и iOS 6, оба протестированы в Safari и Chrome). Видео изменяется до ширины около 300 пикселей.

Когда я удаляю видеоJS со страницы, видео отображается правильно. Но мне нужно videoJS для скининга и потому, что он делает HTML5-видео в слайдерах jQuery.

Я попробовал несколько вещей:

• вручную ввести ширину и высоту в video.js или JS.
• Добавление CSS (в том числе! Важно) к видеозапуску и даже всем тегам (param) ниже.
• Пробовал некоторые расплывчатые методы, которые я нашел в stackoverflow. Как -webkit-transform-style: preserve-3d; в видеотеге.
• Пробовал играть с wmode.

Ничто не работает. У кого-нибудь есть идея?

Answer 1

Во-первых, если вы еще этого не сделали, вы можете перейти на версию 4.0, выпущенную в начале мая (2013 г.).

С 4.0, вы можете увидеть несколько примеров установки высоты ширины, что, по крайней мере работают для меня на моем IPad:
ширина/высота 100%: http://jsbin.com/uyelud/1/edit
Ширина 200px/900px (странно, размер, например,) http://jsbin.com/ojajuc/2/edit

Для вас через код VJS ...

настройки высоты ширина захватываются из тега здесь: https://github.com/videojs/video.js/blob/v4.0.3/src/js/player.js#L112

Rem Oved из видео тега (поскольку он обернут контейнер DIV и сделал для заполнения контейнера) https://github.com/videojs/video.js/blob/v4.0.3/src/js/player.js#L144

Применительно к контейнеру DIV https://github.com/videojs/video.js/blob/v4.0.3/src/js/player.js#L180

А затем обрабатывается кодом компонента UI https://github.com/videojs/video.js/blob/v4.0.3/src/js/component.js#L647

Если у вас разные результаты на вашей странице, вы можете настроить reduced test case, чтобы уменьшить его.