<!--
Copy and paste the code below into Cascade. Make sure to change the SRC to the correct youtube address.

If you want to change the size of the container then adjust col-lg-6 to your needs. At mobile size, col-12 will keep the video as full width. Lastly you can add "justify-content-center" to the Row div to horizontally center the video if you wish.
-->
<div class="row">
  <div class="col-12 col-lg-6">
    <div class="ratio ratio-16x9">
      <iframe width="300" height="150" enablejsapi="true" src="https://www.youtube.com/embed/7Tvr71CIJ0Y"></iframe>
    </div>
  </div>
</div>

External CSS

  1. https://www.ualberta.ca/_assets/css/framework-v2.css
  2. https://www.ualberta.ca/_assets/css/font-awesome.css

External JavaScript

  1. https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js