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: make it accessible

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 and a transcript. In some cases, audio descriptions might also be required.

  • Synchronized captions are text overlaid on a video reflecting the spoken words in a video appearing when they are spoken.
  • Audio descriptions are required when your video contains important info that persons with visual disabilities are unable to see. Example: an instructor in a classroom asks for a show of hands and fails to verbally describe about how many hands were raised. Audio description would add a voice at the appropriate moment saying, for example, “About 30% of the hands were raised.”
  • Transcripts are text documents describing who is speaking when and what each person says. If audio descriptions are required, they also include their text equivalents.

Details: Captions, Transcripts, and Audio Descriptions. Contact us at Website and Communications 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 these requirements, or contact us at Website and Communications 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 and Communications 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. button.

    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 and Communications Support if these steps did not give you your desired result.

button.

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

button.

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 and Communications Support if these steps did not give you your 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