Add video or audio to a page

You can add media (such as video, audio, or an image) to a SharePoint page. The media file can come from your computer, from SharePoint, or from another location such as a file share. You can embed a video from a video sharing website such as YouTube, Vimeo, or Hulu.

Warning:  If you upload an audio file in the .WAV format, you might see a message that is not correct for most browsers. The message states, ”the Media Player Web Part cannot play files in this format.” This is incorrect for all supported browsers except Chrome. Ignore the message, and continue to upload your file.

Important:  You must have permission to edit pages to follow this procedure.

Insert video into a SharePoint page
  1. Go to the page where you want to add media.

  2. Select the Page tab. Then, on the ribbon, click Edit.

  3. Click inside an editable area on the page.

  4. Choose the Insert tab, and in the Media group on the ribbon, click Video and Audio.

    Insert Video or audio button in the edit ribbon

  5. You'll see the following options:

    • From Computer

    • Embed

    • From SharePoint

    • From Address

    For information about how to insert media with one of these options, click one of the following links.

To upload a file from your computer, follow these steps.

  1. Click From Computer.

  2. Browse to the location of the file that you want, select the file and then click Open.

  3. Specify a destination library where you want to store the file.
    We recommend that you specify an Asset Library as the destination. An Asset Library is designed especially for media, and automatically includes features such as image preview and thumbnails for videos. These features make it easier for you to work with your media files.
    To learn how to set up an Asset Library for media files, see Set up an Asset library to store image, audio, or video files.

  4. Click OK.

To embed a video from a video-sharing website such as YouTube, Vimeo, Hulu, or similar sites, follow these basic steps.

On the Video site do this:

  1. Bring up the video you want to use.

  2. Find and click Share for the video.

  3. Depending on the site, you might have to click on an Embed link, or it might be right there. Click the embed code and press CTRL+C to copy, or right click and click Copy from the context menu.

Security Note:  For security reasons, SharePoint supports only embed code with an <iframe> tag.

On your SharePoint site do this:

  1. Click Embed.

  2. Then, paste the embed code in the dialog box.

    Screenshot of <iframe> embed code for a video that was copied from a video sharing site. The embed code is fictional.

    Tip:  Typically, it is easy to get the embed code for a video from popular video sharing sites. Just look for an Embed or Share option and then follow the onscreen instructions to display the embed code. When the embed code appears, copy it and then paste the code as shown in the preceding picture.

  3. Click Insert.

To add a video from a location on a SharePoint site, follow these steps.

  1. Click From SharePoint. This opens the Asset Picker, which you can browse for the folder or library that you want.

  2. Browse to a location on your site, such as an Assets Library, where video and audio files are saved.

  3. Select the file that you want, and then click Insert.

To add a video from another location on the web, follow these steps.

  1. Click From Address.

  2. Type the URL for the file that you want to use, and then click OK. The URL must point directly to a video file. For example: http://contoso.com/VideoFile.wmv.

When you add video or audio to a page, SharePoint inserts a Media Web Part. After you add the media, you can customize the Web Part. For example, you might want to change its size or location, edit the title, or add a catalog icon.

If you want to change the Media Web Part on a page, follow these steps:

  1. Go to the page that contains the video.

  2. Select the Page tab, and then click Edit.

  3. When the video appears on the page, click anywhere on the video image to open the Media tab and its ribbon.

    Media tab on edit ribbon

  4. On the ribbon, in the Preview group, point to Change Image and select the image file that you want displayed as a preview for the audio or video file. If you do not update the preview image, the default image for the file type is displayed.

  5. In the Properties group, you can enter or change the title that appears. You can also specify whether you want the file to play automatically when the page is loaded, or if it should loop until stopped.

  6. In the Player Styles group on the ribbon, point to Styles and select the style that you prefer for the player.

  7. In the Size group on the ribbon, you can also choose to specify any changes that you want to make to the Horizontal and Vertical size of the player.

  8. To edit the Media Web Part, hover the mouse on the media title and then click the arrow that is displayed to open the Media Web Part Menu.

    Web Part Menu to select Edit Web Part

  9. Choose Edit Web Part to open the edit window on the side of the screen.

  10. In the Web Part edit panel, choose the properties that you want to change. When you finish making changes, click Apply.

    Screenshot of the Media Web Part edit panel, showing some of the properties that you can configure

  11. Click OK to close the edit window and return to the page.

  12. When you finish making changes to the page, select the Page tab, and then click Save. If the page is checked out to you, you see a warning message together with a link so you can check it in.

The Media Web Part uses HTML5 video and supports asf, avi, mpg, mp3, mp4, ogg, ogv, webm, wma, and wmv video formats

The classic Silverlight Media Web Part supports asf, mp3, mp4, wma, and wmv.

Was this information helpful?

Great! Any other feedback?

How can we improve it?

Thank you for your feedback!

×