В iOS 4.2.1 Mobile Safari не будет отображаться изображение плаката
Я работал над сайтом для iPad, который использует HTML5-видео, и хотя у меня работает воспроизведение видео, я не могу на всю жизнь заставить изображение плаката появиться. Это выглядит хорошо на рабочем столе Safari. Вот код:
<video src="video/about_the_man.mp4" controls height=360 width=480 poster="video/posters/about_the_man.jpg"></video>
Я использую эту ссылку в качестве ссылки (листинг 1.2): http://developer.apple.com/library/safari/#documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/AudioandVideoTagBasics/AudioandVideoTagBasics.html#//apple_ref/docu /TP40009523-СН2-SW6
В нем говорится, что на iOS изображение плаката будет отображаться до тех пор, пока пользователь не начнет воспроизведение, но сейчас все, что я получаю, - это черный экран размером с видео с большой кнопкой воспроизведения в центре. Я смотрел на другие сообщения на этой вершине ( здесь и здесь), но ни одно из решений не сработало для меня. Единственное, что немного необычно для сайта - это то, что элемент видео находится во встроенном лайтбоксе, поэтому изначально при загрузке страницы его не видно, но я не знаю, почему это будет иметь значение.
Какие-нибудь мысли?
2 ответа
У меня была точно такая же проблема. Я решил попробовать свой код на других iPad, и он работал нормально. Изображение плаката обнаружилось.
После того, как я немного почесал голову, я решил полностью перезагрузить iPad и попробовать снова. После перезагрузки мой iPad отобразил изображение плаката, как и должно быть.
Может быть, это будет работать для вас?
Я обнаружил, что есть ограничение на количество изображений, которые вы можете загрузить на iPad
Вот что это говорит:
Недавно я столкнулся с ограничением Safari для мобильных устройств при создании сайта AJAX-y на iPad. Если вы загрузите тонну изображений, в конечном итоге мобильный Safari отключит вас и вместо изображения будет отображаться [?]. После некоторых тестов выясняется, что этот предел составляет около 6,5 МБ. Вот тестовая страница, которую я сделал, которая пытается загрузить 20 500kb изображений. При открытии этой страницы на iPad 7 изображений не появляются, хотя у Чарльза они возвращают 200 - успех. Я предполагаю, что это похоже на то, как автовоспроизведение отключено для тега видео на iPad/iPhone. Apple, вероятно, хочет убедиться, что пользователи не будут перегружены загрузками при просмотре в 3G.
В любом случае, 6,5 МБ - это огромная нагрузка, и она не будет хорошо работать в 3G, но по той или иной причине вы можете обойти это ограничение. Я обнаружил, что самый простой способ исправить код - это загрузить изображение в тег canvas, используя drawImage(), Похоже, что тег canvas не имеет ограничений.
Вот еще одна тестовая страница с использованием тега canvas, все изображения должны быть загружены.