UCSF

Video

This page describes for web editors in the School of Pharmacy how to upload video in a website built by the Office of Planning and Communications.

On this page

Before uploading

Don’t use a video unless it is required

  • Can you communicate what you need to with something simpler—text, one or more still images, or a gallery?
  • Does your video consist of primarily or only a talking head? If yes, don’t use it—use audio or text instead.

Required: create synchronized captions

You are required by University policy and state and federal law to make videos accessible to persons with disabilities.

In most cases you meet this requirement by providing synchronized captions. Contact us at Website Support. We can help you understand the necessary steps or connect you with a reliable captioning service that we regularly use. Standard captioning fees may apply. If the video you want to upload is owned by someone else, work with them to provide synchronized captions, or contact us at Website Support for help.

Ideally upload your video to YouTube or Vimeo first

There are two ways to upload a video:

  1. Preferred method: Provide the url to a video on YouTube or Vimeo. Contact us at Website Support to see if the School of Pharmacy YouTube account might be a good home for your video. Other video services are not supported at this time.
  2. Last resort method: Upload a video from your device. Visitors must download the entire video before playing; they cannot play and stream it in their web browser. This method is suitable only for very short (30 seconds or less) and low-traffic videos.

Your video must meet accessibility requirements even when it is on YouTube or Vimeo or any other external service.

Upload a video

Preferred method: Use a YouTube or Vimeo video

  1. Edit the page to which you want to add video.

  2. Place your cursor on a new line where you want the video.

  3. paragraph format menu showing normal selected

    Paragraph Format menu

    Use the Paragraph Format menu to set the paragraph format to Normal.

  4. Add Media button

    Select the Add Media button. A dialog appears asking you to upload a new file.

  5. In the top right corner, select the Web tab. A field for file url or media resource appears.
  6. Enter the url to your YouTube or Vimeo video, then select the Next button. A name field and a description field appear.
  7. Change the name field to reflect the title of the video. Since this is the title of a video, use title case. Do not include a filename extension or ending punctuation.
  8. In the description field, optionally provide a brief description of your video. This text will appear below the video.
  9. Select the Next button. A single frame of the video representing the video object appears with an Edit file / crop link and some local options.
  10. In the Local Options section:
    1. Choose a relative size for the image in the Display as picklist.
    2. Choose whether text will wrap around the video in the Wrapping picklist.
      1. Left image means the video appears on the left and text wraps around it to the right.
      2. Right image means the video appears on the right and text wraps around it to the left.
      3. None means the video will appear on its own line with no text wrapping.
  11. Select the Submit button. A single frame of the video representing the video object should now appear in the location you specified.
  12. After you save your page as draft, note that:

    1. Videos sized Half and larger play embedded in the page.

    2. Videos sized Third and smaller display a single frame of the video representing the video which links to the video on YouTube or Vimeo instead of playing embedded in the page.

  13. Contact us at Website Support if these steps did not give you a desired result.

Add Media button

Changing video options

After a video has been inserted into your web page, you can change its display and wrapping options. This works only with videos uploaded using the preferred method.

  1. Edit the page.
  2. Select the video.
  3. Select the Add Media button. The video’s local options are displayed, enabling you to change them as described above.

Last resort method: Use a file on your device

Add Media button

  1. Edit the page to which you want to add video.

  2. Place your cursor on a new line where you want the video.

  3. Select the Add Media button. A dialog appears asking you to upload a new file.

  4. Find and select the video on your device. The filename then appears in the upload field.

  5. Select the Next button. A name field and a description field appear.

  6. Change the name field to reflect the title of the video. Since this is the title of a video, use title case. Do not include a filename extension or ending punctuation.
  7. Leave the description field empty.
  8. Select the Save button. An icon representing the video object appears with an Edit file / crop link and some local options.
  9. Select the Submit button, leaving the local options on default settings.

  10. A film icon and the video filename should now appear in the location you specified.

  11. Contact us at Website Support if these steps did not give you a desired result.

Allowed file types

When using the last resort method

Filename extension

Description

avi

Microsoft video format

mov

Apple QuickTime

mp4, m4a, m4v

MPEG-4 Part 14

mpeg

Moving Picture Experts Group

WebM

audiovisual media file format

Examples

Linked to offsite location