Как получить, чтобы видео iframe youtube правильно изменяли размер при просмотре на iOS?

Question

У меня запущена тема ответа, и видео нормально отображается при просмотре в обычном браузере, но при просмотре на мобильном устройстве (я использую iPhone) размеры изменяются неправильно.

Вместо того, чтобы оставаться в области содержимого, видео перенаправляется на боковую панель.

Это видео iframe Youtube для встраивания видео.

Answer 1

Я добавил iframe {max-width: 100%;} и, похоже, он работает

Answer 2

Изменение размера видео сложно.Рассмотрите возможность использования этого плагина jQuery: fitvids .

Answer 3

Я использую этот код в своей мобильной теме, чтобы скрыть элементы, которые могут создавать проблемы на мобильных устройствах:

@media screen and (max-width: 480px) {

.mobilehide {
    visibility: collapse;
    width: 0px;
    height: 0px;
}

Я надеюсь, что это полезно для вас.