Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • John Dawson 2 posts 92 karma points
    1 week ago
    John Dawson
    0

    Change size of embedded YouTube video

    I've embedded a video from YouTube onto our site:

    https://www.voice-global.org/about-us/

    We wanted the video to be fairly prominent on the page so I embedded it in the RTE using the Embed tool and changed the size that way.

    This is fine, but when you view the page on a mobile device or smaller screen, the video does not dynamically reduce in size to accommodate the smaller screen size. It's using Bootstrap, so I'd normally use media queries to define the settings for each device but I can't find where to add this?

    At the moment the RTE has positioned the video within an iframe:

    <iframe width="853" height="480" src="https://www.youtube.com/embed/zIvm5v20TzU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
    

    Thanks for your help!

    John

  • John Dawson 2 posts 92 karma points
    1 week ago
    John Dawson
    100

    Okay, actually, I figured it out. Found the "Source Code" button on the RTE (I'm new to Umbraco) and could then see the actual code. Added the relavent Bootstrap classes and enclosed the video in a div with .embed-responsive..

Please Sign in or register to post replies

Write your reply to:

Draft