Press Ctrl / CMD + C to copy this to your clipboard.
This post will be reported to the moderators as potential spam to be looked at
I've embedded a video from YouTube onto our site:
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!
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..
is working on a reply...
Write your reply to:
Image will be uploaded when post is submitted