Video

<div class="ds-block">

    <div class="ds-video">
        <div class="ds-video__wrapper">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/iJ8eA7ddWBo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
    </div>

</div>

<div class="ds-block">
    <!--
        Link href should point to Video URL - this is for javascript failure fall back
        Including data attribute data-youtube="[videoid]" will make the video open in a modal
        Use with text links or buttons
    -->

    <!-- standard link example -->
    <p>Study in Australia at La Trobe University - <a href="https://youtu.be/iJ8eA7ddWBo" data-youtube="iJ8eA7ddWBo">Watch video</a></p>

    <hr>

    <!-- button example -->
    <p>Study in Australia at La Trobe University</p>
    <p><a class="ds-btn ds-btn-secondary ds-icon-play" href="https://youtu.be/iJ8eA7ddWBo" data-youtube="iJ8eA7ddWBo">Watch video</a></p>

    <hr>

    <!-- small button example -->
    <p>Study in Australia at La Trobe University <a class="ds-btn ds-btn-secondary ds-btn--small ds-icon-play" href="https://youtu.be/iJ8eA7ddWBo" data-youtube="iJ8eA7ddWBo">Watch video</a></p>

</div>