Embed a YouTube video or BC Gov video

Last updated on January 9, 2024

Learn how to upload and embed a video into CMS Lite.


Accessibility standards for video content

Captions, transcripts and audio descriptions should be available for embedded videos to meet accessibility standards.


How to embed a video

Post video to government YouTube channel

Learn how to post videos to our government YouTube channel


Upload a B.C. government webcast

For B.C. government webcasts, submit a Service Request (IDIR login required) or an email the GDX Service Desk at gdx.servicedesk@gov.bc.ca to obtain a compatible format for the CMS Lite.


Insert a video

  1. Place the cursor in the Rich Text Field (WYSIWYG) where the video is to be inserted
     
  2. Click the Embed YouTube or BC Gov Video Embed YouTube or BC Gov Video icon on the toolbar. The Media Embed dialogue box will be displayed

 Embed Media properties box

Beware of extra blank spaces

When pasting an address in the URL field, make sure there are no blank spaces on either side of the URL. Additional spaces will result in an error when viewing the content in QA

  1. In the URL: field, enter a secure (https) YouTube video URL in one of three following formats defined in the instructions tab, or the BC Gov Webcast video link that has been provided by COS.
    Example format: 
    1. https://video.web.gov.bc.ca/xxx
    2. https://www.youtube.com/watch?v=VIDEO_ID
    3. https://youtu.be/VIDEO_ID
    • https://www.youtube.com/embed/VIDEO_ID
       
  2. Enter an applicable title in the Title: field that will be displayed above the video frame. This field is mandatory
     
  3. If desired, complete the Description: field, which will be displayed below the video frame
     
  4. The video frame Size defaults to 640px x 360px (pixels). Use the drop-down box to choose an alternate frame size:
    • 1120px x 630px
    • 560px x 315px
    • 400px x 225px
    • 252px x 189px
       
  5. Click the [OK] button. The dialogue box will be closed and a place-holder image will be inserted at the cursor location
     
  6. Click [View QA] to see the video displayed in a browser window

Instructions tab for embedding media links