Video on a webpage

Youtube is the preferred platform for posting video.  These notes assume that the video you wish to add to your page has already been uploaded to Youtube.

Locate your video

Either by going to the direct link or by searching, bring the video up in your browser at the Youtube site.

For example, this is the link to a UA Campus Tour video: https://www.youtube.com/watch?v=bzLM-PXICNE&t=57s

Get the embed link

Youtube creates the code you'll need to add your video to a UA webpage.

  • Click on the Share button, then Embed
  • It will look something like this (below) and you'll want to copy the link only:

<iframe width="560" height="315" src="https://www.youtube.com/embed/bzLM-PXICNE" frameborder="0" allowfullscreen></iframe>

Add the code to the UA page

In dotcms, navigate to the page where you want to add the video.  Create a new piece of content - then switch to Code view. You'll need some code and the link you copied to make this work.

Example

<div class="embed-responsive embed-responsive-16by9">

<iframe src="Your Link goes here"> title="Your Title goes here"></iframe>

</div>

You'll need to fill in your custom information - like this:

<div class="embed-responsive embed-responsive-16by9">

<iframe src="https://www.youtube.com/embed/bzLM-PXICNE"> title="Youtube video - Campus Tour"></iframe>

</div>

Once this is in place, Save and Publish your content.

Captions?

Youtube has an automated caption function, but it's not 100%.  If you haven't already added captions to your video, please see this tutorial on how to do so.