Versions Compared

Old Version 10

changes.mady.by.user Ashley Nilson

Saved on

compared with

New Version 11

changes.mady.by.user Ashley Nilson

Saved on

Key

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

...

Expand
titleSelecting a focus point for your image

You can set a Focal Point so one section of your image will always be visible, no matter which paragraph it’s used in, or your visitor’s screen size. To set a focal point:

On a newly uploaded image

  1. After uploading the image, a thumbnail of the image will appear.

  2. Click and drag the crosshairs on top of the thumbnail to change the focal point.

  3. Save your changes.

On a saved image

  1. Use the admin menu to navigate to “Content ￫ Media”.

  2. Select the image you want to edit, to open the editing screen.

  3. Click and drag the crosshairs on top of the image thumbnail to change the focal point.

  4. Save your changes.

A few things to note

  • Each image has only one focal point, so the set focus will impact every location on your site where the image is used. 

  • You can preview the new focal point by selecting “Preview” beneath the image thumbnail, before saving your changes.

Videos

...

titleCaptioning and transcripts

All content on the public-facing

...

pdx.edu website must be accessible to people with disabilities. Accessibility is not only an important part of building a welcoming and inclusive university culture; it’s also PSU policy. This means that all

...

pdx.edu multimedia content must include the following:

  • accurate, synchronized captions;

  • an accompanying transcript; and

  • audio or text descriptions for any visual elements not accurately accompanied by equivalent audio.

These features ensure that people with vision or hearing disabilities can access your multimedia content. It also allows for greater accessibility and usability for those who are second language learners, those with cognitive learning disabilities, or those who are simply trying to watch a video in a loud or distracting environment.

The Digital Accessibility Basic Training Series offer a good example of accessible multimedia content. Note that the narrator provides an audio description of visual information at the end of each video. This is an important practice to emulate when generating new multimedia content.

Options
Expand
titleCaptioning
& transcription options

Caption Your Own Multimedia Content

Content developers may generate captions and transcripts themselves using video hosting sites like Youtube and Media Space. Both of these services offer machine-generated captions and accompanying editing tools. Please note that machine captions are not fully accessible for people with disabilities and must be edited for accuracy. Follow  Follow these steps to caption your own Multimedia content in YouTube or Media Space:

Request Professional Captioning and Transcription

Affordable professional captioning and transcription services are currently available through OIT at a cost of $1 per video minute. Follow  Follow these steps to request paid, professional captioning and transcription:

  1. Upload your multimedia content to Media Space.

  2. Submit a Caption Request for pdx.edu Multimedia.

  3. Allow 5-7 business days for your request to process.

Captions Transcripts
Expand
titleUsing Media Space
captions and
transcripts

Currently, you cannot embed Media Space videos on pdx.edu, only YouTube videos. You can, however, download the captions from Media Space and upload them to YouTube. You would then embed the captioned YouTube video and upload the associated Media Space transcript to pdx.edu.

To Download Captions:

  1. Log in to PSU Media Space to access your video.

  2. Select the Actions button.

  3. In the resulting Actions menu, select Edit.

  4. In the resulting Edit view, select the Captions tab.

  5. In the Captions tab, select Download to access the SRT file.

  6. Upload your original video to YouTube.

  7. Add the SRT file to your YouTube video.

    • In the provided link, select “Upload a file.”

To Download Transcripts:

  1. Log in to PSU Media Space to access your video.

  2. In the “Attachments tab,” download the .txt file.

  3. After embedding your captioned YouTube video, upload your transcript to pdx.edu and include a link immediately below the video.

Refer to pdx.edu/accessibility for an example.

Expand
titleUploading videos

Note: It's important to use this process to upload your videos. You do not want to upload them directly from your computer as our site does not have the bandwidth to host videos on the site itself. Additionally, if you're planning on using the video in a text block, please skip to the Embedding Videos in Text Blocks instructions below. 

Go to “Content ￫ Add Media ￫ Video Embed” to access the video embed form:

Remote video URL: This is the URL for the video you want to use. Supported resources are YouTube* and Gfycat.

Revision Information: Add details if desired, but it’s not needed.

Click “Save” when done.

Getting the Remote Video URL for YouTube

  • Navigate to the video you want to embed

    • Click the Share link under the video

    Our site does not have the bandwidth to host videos on the site itself. As such, your videos must be hosted externally using programs such as YouTube. To upload a video:

    1. Use the admin menu to navigate to “Content ￫ Media ￫ Add Media ￫ Video Embed” to access the video embed form.

    2. Enter the remote video URL. Supported resources are YouTube and Gfycat.

    Getting the Remote Video URL for YouTube

    1. Navigate to the video you want to embed.

    2. Click the Share link under the video.

    3. Copy the URL in the popupThis is the URL you’ll use in the Video Embed form .

    Getting the Remote Video URL for Gfycat

    Gfycat is best used when uploading your own videos to turn into gifs. These can then be used in large and small hero headers and other blocks to give video snapshots that auto-play.

    Text blocks

    There are two ways to embed a video in a text block. One is through an iframe, and the other is through the video entity embed.

    If embedding through the Video Entity Embed, make sure you're editing the text block you want to add the video to. Then click the "Video Entity Embed" button in the editing toolbar (it looks like a black rectangle with a right-pointing arrow in it, similar to a "play" button). In the popup, just paste the Share URL of the video you want to embed. 

    If embedding using an iframe, follow the instructions for iframes in the Block Pages documentation. 

    Other blocks

    There are two other blocks allow you to use a video embed instead of an image. Those blocks are

    1. Navigate to the gif you want to use.

    2. In the right-sidebar click the “Copy” button (it looks like a piece of chain). 

    3. Use this URL in the Video Embed upload form.

    Expand
    titleEmbedding videos

    1. want to use.

    2. In the right-sidebar click the “Copy” button (it looks like a piece of chain).

    Expand
    titleEmbedding videos

    You can embed videos in Text paragraphs using the standard formatting options.

    Alternatively, there are two other paragraphs that allow you to embed a video instead of an image:

    • Header: Large Hero

    • Feature: Content with Media

    To use embed a video embed in any either of those blocks, click on "Add Media" as if you are adding an image. In the pop-up, there is an option for "Video Embed" in the left sidebar (under "Image"). Click that link.You can then select a video embed that's already been added and click "Insert selected", or directly add a new one by entering the embed URL and clicking "Add". 

    Documents

    Before uploading a document, ask yourself if it really should be a document. Web content is the easiest kind of content to make accessible, and is easier to update while maintaining accessibility.

    ...