Как правильно вставить Iframe

  • Евгений

    (@mrmarkov)


    1 год, 6 месяцев назад

    Всем привет !

    Внизу каждой странице на своем сайте вставил iframe никаких насроек на сайте где его получил нет. У меня в теме есть поля для вставки в любую часть всех записей. Вставлял и через шоткод и через DIV с классом например (ниже). Но он все равно не полностью отображается на мобилке. Помогите. Если так вставляю картинки любого размера то они автоматом подстраиваются на любой странице а вот с iframe не могу ничего сделать.

    .responsive-iframe {
    position: relative;
    padding-bottom: 56.25%; /* Это значение задает соотношение сторон 16:9 */
    height: 0;
    overflow: hidden;
    }

    .responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

    • Тема изменена 1 год, 6 месяцев назад пользователем Евгений.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Автор Евгений

    (@mrmarkov)

    1 год, 6 месяцев назад

    Я уже вставил видео фотки скрипты без дополнительных классов и все автоматом становится адаптивным на всех устройствах. Только iframe не работает. Это какая то злая шутка. Даже попробовал его вставить через билдер поставил ему все галочки адаптивности в настройках и он даже так кривой (( магия

    ipsoltl

    (@ipsoltl)

    1 год, 6 месяцев назад

    Это не магия. Возможно проблема может быть связана с тем, что iframe имеет фиксированные размеры, которые не могут быть изменены с помощью CSS. Что в результате и даёт что на мобильных устройствах iframe может не вмещаться на экране.

    Как вариант попробуйте плагины: Advanced iFrame, Responsive video embed.

    Автор Евгений

    (@mrmarkov)

    1 год, 5 месяцев назад

    я пробовал не помогает

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Тема «Как правильно вставить Iframe» закрыта для новых ответов.