Video Gallery

Video Hero

Watch video

          <section class="margin-btm--100 video-gallery">
            <h3>Video gallery — Layout 6</h3>
            <div class="grid grid--nrg">
              <div class="grid__col--12 grid__col-md--6 video--container">
                <div class="video flex flex--center">
                  <span class="flex flex--column">
                    <i class="ico ico--xl ico--f-watch"></i>
                    <p>Watch video</p>
                  </span>
                  <iframe width="560" height="315" src="https://www.youtube.com/embed/DOqZdyuEd_I" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                <h5>Build tomorrow</h5>
              </div>
              <div class="grid__col--12 grid__col-md--6 video--container">
                <div class="video flex flex--center">
                  <span class="flex flex--column">
                    <i class="ico ico--xl ico--f-watch"></i>
                    <p>Watch video</p>
                  </span>
                  <iframe width="560" height="315" src="https://www.youtube.com/embed/8DdlXldlJIU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                <h5>You to the Power of Us</h5>
              </div>
              <div class="grid__col--12 grid__col-md--6 video--container">
                <div class="video flex flex--center">
                  <span class="flex flex--column">
                    <i class="ico ico--xl ico--f-watch"></i>
                    <p>Watch video</p>
                  </span>
                  <iframe src="https://player.vimeo.com/video/266529129" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
                </div>
                <h5>Actuarial Studies at Macquarie</h5>
              </div>
              <div class="grid__col--12 grid__col-md--6 video--container">
                <div class="video flex flex--center">
                  <span class="flex flex--column">
                    <i class="ico ico--xl ico--f-watch"></i>
                      <p>Watch video</p>
                  </span>
                  <iframe width="560" height="315" src="https://www.youtube.com/embed/zLD2p6Lklxo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                <h5>Master of Public Health</h5>
              </div>
              <div class="grid__col--12 grid__col-md--6 video--container">
                <div class="video flex flex--center">
                  <span class="flex flex--column">
                    <i class="ico ico--xl ico--f-watch"></i>
                      <p>Watch video</p>
                  </span>
                  <iframe width="560" height="315" src="https://www.youtube.com/embed/RZpsvpooK8Q" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                <h5>Postgraduate Accounting at Macquarie</h5>
              </div>
              <div class="grid__col--12 grid__col-md--6 video--container">
                <div class="video flex flex--center">
                  <span class="flex flex--column">
                    <i class="ico ico--lg ico--f-watch"></i>
                    <p>Watch video</p>
                  </span>
                  <iframe width="560" height="315" src="https://www.youtube.com/embed/hhe6m7R_EwY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
                <h5>Doctor of Medicine (Macquarie MD)</h5>
              </div>
            </div>
          </section>
                

Video Gallery Documentation

Video galleries display either 4 or 6 videos. Thumbnails can be manually set by editors, if one isn't set the default thumbnail from Vimeo or Youtube will be used.