У меня на сайте есть видео iframe на YouTube, которое не воспроизводится, но только на мобильных устройствах (я использую iOS7 на iPhone5). Он отлично работает в настольных браузерах, на которых я его тестировал, поэтому я не уверен, почему он не воспроизводится, только на моем мобильном устройстве. На iOS6 никогда не тестировал.

Я использую медиа-запросы для управления шириной и высотой iframe, но не понимаю, почему это может создать проблему (кроме того, медиа-запросы отлично работают с видео на рабочем столе). У вас есть идеи относительно того, почему он выиграл не играешь? Вы можете увидеть пример проблемы на http://nickbewley.com/music/lee-fields/ < / а>. Спасибо за любые идеи!

1
Nick Bewley 21 Сен 2013 в 04:39

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)

Это придаст вам стиль, который вы искали.

enter image description here

1
Josh Crozier 21 Сен 2013 в 05:42
Рад, что это помогло, дайте мне знать, если у вас возникнут еще вопросы.
 – 
Josh Crozier
21 Сен 2013 в 05:22