Embedding a Video

Issue/Question

How do I add a video to a Web CMS page?

Environment

  • Web CMS

Resolution

To maximize compatibility with all devices and maintain accessibility standards, WKU ITS strongly recommends adding video to YouTube and then embed your video into WYSIWYG Editor using the YouTube Embed Component or YouTube Modal Component

Embedding a YouTube Video

  1. Edit page in which you wish to embed video code.
  2. Click Edit Content Area.
  3. While editing an editable region, click Insert Component in WYSIWYG editor toolbar.
  4. In Choose Component box, click YouTube Embed or YouTube Modal.
  5. Click Insert.
  6. In Edit Component dialog add the following:
    1. YouTube URL: full URL of video to be embedded
      • Ex: https://www.youtube.com/watch?v=-FdwTsYsFQw
    2. Video Title: The title of your video, used for accessibility purposes.
    3. Optionally, select a Custom Cover Image instead of the one provided by YouTube.
  7. Click Save in Edit Component dialog
  8. Save page.
  9. Publish to make page go live. 
100% helpful - 1 review
Print Article

Related Articles (2)

Instructions on how to add any of the available Snippets to Web CMS: accordions, alerts, cards, columns, countdowns, lists, maps, modals, social media, tabs, timeline, YouTube.
Instructions for adding an MP3 to a WKU site through Web CMS.