Responsive video iFrame size

  • Resolved artificialart

    (@artificialart)


    7 years ago

    Add this CSS to make the video iFrame responsive

    .epyt-gallery {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    }
    .epyt-gallery iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

    .epyt-gallery .epyt-gallery-list {
    padding-top: 56.25%; /* 16:9 */
    pointer-events: none;
    }

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter artificialart

    (@artificialart)

    7 years ago

    .epyt-gallery {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    }
    .epyt-gallery iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

    .epyt-gallery .epyt-gallery-list {
    margin-top: 56.25%; /* 16:9 */
    }

    Plugin Author embedplus

    (@embedplus)

    7 years ago

    Hi,

    We do not follow your request. The plugin already has a responsive sizing option by the way, so can you elaborate?

    [ Signature deleted ]

    • This reply was modified 6 years, 7 months ago by Jan Dembowski.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Responsive video iFrame size’ is closed to new replies.