Content | Navigation |

Insert multimedia

To insert multimedia content like a Flash animation, audio file or video clip from a file in the Filelist storage area or another Web server into a page,

  1. Insert a content element as normal, choosing the content type Media.
  2. In the Media tab, open the file browser using the Select file or URL  button and select the file to embed in the page
    1. To embed a media object from another server, click the External URL tab and paste or type the Web address to the media object in the URL field
  3. If the file includes built-in controls (play/pause), uncheck Use Player checkbox
  4. Set the Media type drop-down menu to Video or Audio as appropriate
  5. To specify a display size different than the default for the video, enter height and width into the Height and Width input fields, respectively. Note that you cannot scale up a video using these fields; specifying a larger size will only create padding around the video
  6. IMPORTANT: Provide a text representation of the media object in the Alternative Content rich text editor field on the Behavior tab. If a visitor doesn't have a plugin to display the media, she will see this Alternative Content instead

Not all Internet browsers will display media types in the same manner, and some visitors might not have the plug-ins needed to display the embedded file.

Media from other video providers

You can embed videos from some online video providers, such as Youtube and Vimeo, using the Multimedia content element. The ones we have tried are listed here, but with some trial-and-error you should be able to figure out the URLs from other video providers that allow embedding, too.

Embed a Youtube video

You can embed Youtube videos, but getting the media URL is a little tricky. Here's how:

  1. On the Youtube page for the video, click the Share button
  2. When the share options appear, click the Embed button
  3. Beneath the embed code box, check the Use old embed code checkbox
  4. (This is the tricky part) copy and paste the complete URL from the code text area, it looks something like: http://www.youtube.com/v/bk2sA3quRRA?version=3&hl=en_US&rel=0 and you need the WHOLE thing between the double quotes. The trick is that you must Ctrl - c to copy before letting go of your mouse button from selecting the URL because the entire contents of the text area will be selected if you don't, and you'll copy too much.

    If you struggle to get just the URL, you can try copy-pasting the entire embed code into Notepad or Word, and then select just the URL from there to copy.
  5. Paste the URL into the Path or URL field in the media content element. If you see anything other than the http://www.youtube.com/... URL when you paste (if you see <object or <param) you should go back to step 4 and paste just the URL into the Path or URL field
  6. Uncheck the Use Player checkbox
  7. Save and publish as usual

Embed a Vimeo video

Like Youtube videos, getting the URL for embedding a Vimeo video is a little tricky. Here's how

  1. On the Vimeo page for the video, click the Embed button
  2. (This is the tricky part) copy and paste the player.vimeo.com URL from the Get the embed code textarea, it looks something like: http://player.vimeo.com/video/2187138 (you can skip everything after the ?). The trick is that you must Ctrl - c to copy before letting go of your mouse button from selecting the URL because the entire contents of the text area will be selected if you don't, and you'll copy too much.

    If you struggle to get just the URL, you can try copy-pasting the entire embed code into Notepad or Word, and then select just the URL from there to copy.
  3. Paste the player.vimeo URL into the Path or URL field in the media content element. If you see anything other than the http://player.vimeo... URL when you paste (if you see <iframe or <p) you should go back to step 2 and paste just the URL into the Path or URL field
  4. Uncheck the Use Player checkbox
  5. Save and publish as usual

Student Focused. Land Grant. Research University.

Follow NDSU
  • Facebook
  • Twitter
  • RSS
  • Google Maps

North Dakota State University
IT Help Desk: +1 (701) 231-8685
Physical address: IACC 206, 1320 Albrecht Blvd., Fargo, ND 58102
Mailing address: NDSU Dept. 4530 / PO Box 6050 / Fargo, ND 58108-6050
Page manager: Content Management System

Last Updated: Thursday, November 20, 2014 12:42:30 PM