When you embed videos on pages, you generally have the option to make them adapt to column and screen sizes.
To do this, you need to select an HTML element as the content element. In the element, insert the following code:
<style>
.myDiv {
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
height: 0;
}
.myIframe {
frameborder: 0;
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
}
</style>
<div class="myDiv">
<iframe class="myIframe" src="https://www.youtube.com/embed/hZWXW89FEms" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
Be aware that the URL in the HTML code needs to be replaced with the one corresponding to the YouTube video you want to embed on your page. In the example above, you should replace the URL https://www.youtube.com/embed/hZWXW89FEms.
You can see how the video adjusts to the page by, for example, resizing or minimizing your browser.