1. Tutorials
  2. Paragraph Options Layouts
  3. Video/Audio Embed

Video/Audio Embed

View the example page to see this paragraph-type in action.

Video/Audio Embed Example

Guidelines for use

  1. This paragraph is always used at 100% of the page container (not the browser window)

  1. Upload your video content to your desired streaming platform. IT Services offers a centrally offered Streaming service (Ensemble Video) that is available to all faculty and staff members on campus. Find more information on Streaming Services.

Elements

Title: An optional <h2> heading that will precede the video on the page. Maximum character count: 100.

Body: Optional <p> paragraph text that will precede the video on the page. Maximum character count: 300

Video/Audio: Add the URL of the video that you'd like to embed.

Caption: Optional. It will appear as <p> paragraph text, left-aligned below the video. Maximum character count: 250.

Video credit: Recommended. It will appear as <p> paragraph text, right-aligned below the video in the. Maximum character count: 120.

Use the video/audio embed paragraph when you wish to display video or audio content on your site. 

 

Text will likely wrap if it is on one line on desktop.

How to implement

  1. Create any type of page. Note: on Homepages, Basic Pages, and Articles, you may embed a video at the top of the page or in its body. In Articles and events you may only embed in the body.

  2. To embed a video at the top of your page, click the dropdown under Optional Hero Content and choose "Add Video Embed Top". Skip Step 3.

  3. To embed a video in the body of your page, scroll down to the Paragraphs section, click the drop-down arrow, and click "Add Video Embed"
    Selecting Add Video Embed Menu Item

  4. Proceed to the Overview of a Video Embed section of this page

  5. Once you've added your Video Embed content, choose your publishing options and click Save at the bottom of the page.

Overview of a Video Embed

Overview of A Video Embed Paragraph

  1. Click and drag the crosshairs handle to rearrange your paragraphs.
  2. Remove this entire paragraph.
  3. (Optional) Anchor ID - add a unique anchor ID if you'd like to link to this specific section of the page from another location
  4. (Optional) Title - this title appears centred above the video content
  5. Grey Background Toggle - if this option is unchecked, the divider will appear on a white background. If it is checked, it will appear with a grey background. Only use the grey background if you are adding a divider between two paragraphs that also use a grey background.
  6. Size position of video/audio upload
  7. Custom width of video
  8. (Optional) Body - this body appears centred above the video content. Recommended limit: 300 characters.
  9. Video/audio - this field references the video that you'd like to embed. The video will need to be hosted on one of the following applications: YouTube, Vimeo, or the Queen's Streaming Service (Ensemble or Panopto). Follow the screen tips to ensure the proper URL/formatting is used for the URL.
  10. (Optional) Caption: provide a description or contextual information about the video. It will appear left-aligned below the video.
  11. (Optional) Video/audio credit: provide information about who created the image. It will appear right-aligned below the video.