BMSc student in the lab

Video

Featured Highlight is designed to showcase a notable subject—such as an event, initiative, or important information

Video

Featured Highlight is designed to showcase a notable subject—such as an event, initiative, or important information

BMSc student in the lab

Video

Featured Highlight is designed to showcase a notable subject—such as an event, initiative, or important information

Overview

The Video component lets you embed a YouTube video or upload an internal MP4 file directly. You can also set a poster image and choose an aspect ratio to ensure the video displays properly across different devices.

Use Cases

Showcase presentations or lectures, promotional videos, or instructional content.

Required Materials

  • YouTube URL (if YouTube): A valid YouTube link (e.g., https://www.youtube.com/watch?v=fkUY0viILCw).
  • Internal MP4 File (if hosting video): Make sure it meets your site’s size and format guidelines.
  • Poster Image (Optional): Recommended size is 1170×657. If left blank, no poster image will appear.
  • Aspect Ratio: Commonly set to 16:9, but other options (21:9, 4:3, 1:1) are available depending on your layout needs.

How to Edit

  1. Add the Component: In the page edit view, select Video from the component dropdown.
  2. Choose Video Source: Select either YouTube or Internal.
  3. Fill in the Fields:
    • YouTube: Paste the full YouTube URL.
    • Internal: Upload your MP4 file and add an optional poster image.
  4. Set Aspect Ratio: Pick from 16:9, 21:9, 4:3, or 1:1.
  5. Preview & Adjust: Ensure the video displays correctly and is visually aligned with your page layout.

Best Practices 

  • Optimize Video Quality: Use a resolution that balances clarity and load time.
  • Provide a Poster Image: Helps viewers understand what the video is about before hitting play, especially for internally hosted videos.
  • Keep It Accessible: Include captions or transcripts if possible, and ensure any auto-play settings comply with accessibility guidelines.
  • Use Appropriate Aspect Ratio: 16:9 is standard, but choose the ratio that best fits your content and design.

Page Type Compatibility

Supported in Full Width, Left Navigation, and News Article Pages.