Versions Compared

Old Version 1

changes.mady.by.user David Schmidt

Saved on

compared with

New Version Current

changes.mady.by.user Joy Brunetti

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table of Contents

Table of Contents
excludeTable of Contents
printablefalse



Excerpt

Videos

Videos can be used either in a Text Module's Content Field, or in an Image Module. This section covers using them in Text Modules. Embed Links are only used for Image Modules.

YouTube videos and other media can be referenced or embedded into pages using the WYSIWYG editor. The only information you need for a YouTube video is Before you can include a video into a Text Module, you need either the URL (web address) or the embed code depending on the video platform.

YouTube

YouTube is strongly recommended for accessibility reasons.

Here are examples of a Source URL, an Embed Code, and an Embed Link, all to the same YouTube video.

Source URL: https://www.youtube.Before you begin, make sure you have the URL for the YouTube video or embed code for other media you want to place on the pagecom/watch?v=yON_E6NGzK4

Embed Code: <iframe width="854" height="480" src="https://www.youtube.com/embed/yON_E6NGzK4" frameborder="0" allowfullscreen></iframe>

Embed Link: https://www.youtube.com/embed/yON_E6NGzK4

If you are inserting your video via an image module, you must use the YouTube embed code in order for your video to play as expected. To obtain the embed code visit your video:

  1. Click on Share
  2. Click on Embed
  3. Copy the URL as highlighted in the screen capture below.

Image Added


USD Streaming Server

If you are using a video from USD's streaming server at http://video.sandiego.edu, you'll want to use the Permalink which will resemble the following:

https://video.sandiego.edu/Watch/Jo6z2Y5E

The embed code allows for more control over the image size. However, it's recommended that the URL is used in the Source field to better accommodate responsiveness.

Click on the Insert/Edit Embedded Media button on the WYSIWG editor.
Image Removed
Image Added

The Insert/Edit Embedded Media dialog will display.
Image Removed
Image Added

YouTube Source URL Videos

Enter the URL for the Video in the File/URL field and click anywhere outside of the fieldSource field.

  • The Dimensions fields will automatically populate and a preview of the video will display in the Preview pane.
  • If you need to alter the size of the embedded video, make sure Constrain Proportions remains checked and change the value in one of the Dimensions fields. The other dimension will update according relative to the new value to maintain the correct aspect ratio.
  • Click InsertOk to add the video to the page. A still image of the video should display in the Text Module. Other Embedded Media –If it doesn't, then something with the video or the URL is probably incorrect.

Embed Code Videos

Click on

the Embed Code tab, select any text in the Embed Code field, and paste the embed code into the text box and click Insert.

the Embed tab.

  • Copy the entire embed code. On YouTube and many other hosted video sites, right-clicking on the video will bring up your browser's shortcut menu. Select the option for Copy embed code. Selecting that option will copy the correct code to your computer's clipboard so you can paste it.
  • Copy and paste the entire embed code into the Embed Code Field.

An example of what your finished code would look like appears in the screenshot below.


Image Added