Встроенное видео YouTube не работает с переполнением: скрыто

Question

У меня проблемы с видео на YouTube, которое ломает слайдер jQuery при просмотре на мобильном устройстве Apple. Слайдер использует окно с установленной шириной и высотой, которое использует свойство overflow: hidden. Он отлично смотрится во всех браузерах, кроме устройств Apple, где все слайды видны подряд, как если бы свойство overflow: hidden не действовало.

Есть ли способ, которым я могу исправить эту проблему? Я в тупике! Спасибо, ребята.

Ссылка на сайт: http://dwproductsllc.com/

Код встроенного видео:

<li>
<object width="409" height="257"><param name="movie" value="http://www.youtube.com/v/0FGR-vPUWa8?hl=en&fs=1&showinfo=0&loop=1&playlist=0FGR-vPUWa8&controls=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/0FGR-vPUWa8?hl=en&fs=1&showinfo=0&loop=1&playlist=0FGR-vPUWa8&controls=0" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="409" height="257"></embed></object>
</li>

Answer 1

В этом случае удивительно, что клип не работает на устройствах Apple; это вспышка.

Теперь обычно это не проблема, поскольку YouTube передает клип HTML5 на устройства Apple.

Я не знаю, почему это не так - я думаю, это либо потому, что вы недавно загрузили его (возможно, это займет некоторое время). И / или что у вас есть клип не в списке, возможно, YouTube не поддерживает HTML5 для таких клипов.

Я не вижу каких-либо серьезных ошибок в вашем коде (я бы, возможно, использовал немного другой способ). Попробуйте установить другой клип в слайдере и проверьте, работает ли он, - тогда вы можете исключить свой код и вместо этого обвинять YouTube.