Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 13, 2022 at 12:57 pm #1351666
    dondela

    Dear support,
    i included a videostream with the code-element as an iFrame. On mobile-view there is a black background below the video. Is there a way to change the color of the background?
    Or even better: Is it possible to scale the iframe size to 100% so that the video would fit on mobile-view?

    May 13, 2022 at 6:32 pm #1351690
    Rikard

    Hey dondela,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
.page-id-9683 #av_section_2 iframe {
    height: 197px;
}
}

    Best regards,
    Rikard

    May 15, 2022 at 1:57 pm #1351844
    dondela

    Hey Rikard,
    thanks for your help. Is there a way to set the iframe video-background color?
    In tried this with no effect:

    .viEmbed>div, .viEmbed>video, .flowplayer>div, .flowplayer>video {
background-color: #E8E8E8 !important;
}
    May 15, 2022 at 6:55 pm #1351862
    Mike

    Hi,
    Thanks for the link to your page but you can not apply css to the inner html of an iframe, this must be done at the source url. It is a web security restriction for the same-origin policy.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.