YouTube Embed Snippet
Embedded content is inherently not very responsive, and in turn may not display as expected on mobile devices, or devices with smaller screen sizes. One of the most popular embeds is a YouTube video on a page. To overcome the responsive problem this snippet allows you to create a cleaner and responsive youtube embed from only the YouTube ID and a Title. It can also be placed anywhere on a page, including side columns, and will respond to the width.
Snippet Options
YOUTUBE-ID
Your video's id, found in the url of the video - see section "Locating the YouTube Video ID" below for more information.
YouTube Video ID Only, any other content will cause errors.
VIDEO-TITLE
The title of your video, used for alternate text before the video is loaded.
Text Only, additional content will be removed.
CUSTOM-COVER-IMAGE
A generated cover image is brought in from YouTube, however lower definition videos may not have one. Insert a custom image to override the default YouTube cover image.
Image Only, additional content will be removed.
Cover Image Sizes
| Page Layout | |||
|---|---|---|---|
| 1 Column | 2 Column Main | 3 Column Main | Side Column |
| 1200x675 | 888x500 | 575x323 | 575x323 |
Examples
YouTube snippets are being replaced with new components. View the YouTube Embed Component example page for examples and replace any snippet in the process.
Need Assistance?
The WKU ITS Service Desk is here to help. Give us a call, chat with a representative online, use the Self-Help Knowledge Base and more.
Some of the links on this page may require additional software to view.