Back to Top
Skip to Site Search Skip to Utility Nav Skip to Top Nav Skip to Left Nav Skip to Content
Close Main Menu

6.5 Embed - Video

The "Embed-Video" block provides an easy method of embedding a YouTube video in a page.

When using video on the site, it must be closed-captioned and have a transcript available to meet federal accessibility standards.

Video is a great way to draw a visitor into a site and present information. However, poorly done video can just as easily turn a visitor away. Use discretion with video choices. Quality matters.

Need to embed a video from a site other than YouTube? Contact the webteam via ServiceNow (login required).

Example

A 'live' web page that is using a video block. The block is outlined and has an arrow pointing to it, clicking will take you to the Dahlonega Campus web page

Styles & Usage

Style Options
The style options that are available for this block are listed below:

Type 1: Video Only

Type 2: Video with Caption

UNG Campus Tour
Showing students the campus

Type 3: Video with Caption and Background Color

UNG Campus Tour
Showing students the campus
Where to Use

The diagrams below will help you determine where this block can be used. The "Y" inside the box, green yes square, means this block can go in to this column or space. The ''N' inside the box, red no square means this block can't go in this column or space.

Video ID, Height and Width

From YouTube, click on the "share" option located under your video. The URL that is displayed for you to share contains the Video ID. It will be everything after youtu.be/

youtube screenshot to show the video ID

Then click on the embed option located next to the word share. This will give you a line of code, we just need two pieces from this code, the number after width= and height=

youtube screenshot to show the video height and width

Quick Reference

Naming Convention

  • Name of block should always begin with emb-video-

Please be sure to double check your naming structure to ensure there are no spaces in between any words or dashes. Any space in the name will disrupt the functionality of your block.

Correct: emb-video-fall-signup

Incorrect: emb- video -fall-signup

Character Limits

  • Caption Title - 25
  • Caption Description - 150

What can I add to this block?

  • Links? Only to the transcript for the video.
  • Other Blocks? No
  • Columns? No
  • Sections? No

UNG follows Section 508 Standards and WCAG 2.0 for web accessibility. If you require the content on this web page in another format, please contact the ADA Coordinator.

Back to Top