Ratios / Youtube

Use 'ratio' to add the youtube video

• Use the code here (or below) https://getbootstrap.com/docs/5.3/helpers/ratio/

• If selecting the embed code direct from youtube remove the height and width

• Try and use the privacy enhanced youtube link

• Use the embed code component

HTML

Example HTML

<div class="ratio ratio-16x9">

<iframe src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" title="YouTube video" allowfullscreen></iframe>

</div>

Remove the code in yellow:

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/zpOULjyy-n8?si=dRkwnyYz0fjbKG1e" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

Titles 

The title attribute should describe what the video is:

• https://dequeuniversity.com/tips/provide-iframe-titles

• https://www.bath.ac.uk/guides/making-your-iframe-embeds-accessible/