У меня на сайте есть видео iframe на YouTube, которое не воспроизводится, но только на мобильных устройствах (я использую iOS7 на iPhone5). Он отлично работает в настольных браузерах, на которых я его тестировал, поэтому я не уверен, почему он не воспроизводится, только на моем мобильном устройстве. На iOS6 никогда не тестировал.
Я использую медиа-запросы для управления шириной и высотой iframe, но не понимаю, почему это может создать проблему (кроме того, медиа-запросы отлично работают с видео на рабочем столе). У вас есть идеи относительно того, почему он выиграл не играешь? Вы можете увидеть пример проблемы на http://nickbewley.com/music/lee-fields/ < / а>. Спасибо за любые идеи!
1 ответ
Следующий div перекрывает его .. Вы не можете щелкнуть / коснуться его для воспроизведения.
<div class="music-description">My Favorite Album by Lee Fields: </div>
Забудьте о z-index, которое просто маскирует проблему. Вместо этого исправьте проблему:
.music-description {
display: block; /* REMOVE */
}
.music-title {
display: inline; /* REMOVE */
display: block; /* ADD */
}
Или просто измените теги span на divs (имеется в виду .music-title)
Это придаст вам стиль, который вы искали.
