Video

Any link to a valid YouTube URL starting with "youtu.be" or "youtube.com/watch" will open a lightbox to play the video.

Use the poster image from YouTube

This example provides a high resolution image 1280x720px without a play button. Use the class "play-video-button" to apply a play button to this image.

<a href="//www.youtube.com/watch?v=yourVideoID" class="play-video-button">
    <img src="//i.wayne.edu/youtube/yourVideoID/max" alt="Description of YouTube video">
</a>

This second example serves up a smaller version of the poster image with a play button already on it at 480x270px.

<a href="//www.youtube.com/watch?v=yourVideoID">
    <img src="//i.wayne.edu/youtube/yourVideoID" alt="Description of YouTube video">
</a>

Embed a video

To make sure embedded content maintains its aspect ratio as the width of the screen changes, wrap the embedded object in a div container with the responsive-embed class.

<div class="responsive-embed">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/PHqfwq033yQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>