Adding Videos to Guides

These instructions are specific to videos we receive from the multimedia team loaded into Vimeo. You can typically create the iframe code by changing the video ID in the example; however, if you can't locate the video ID or it doesn't work, please ask Kris Kelly for the video's embed code. Note that the code Kris sends back will likely need to be updated. Please see the YouTube video tab and follow steps 2 and 3 to do this.

1. Click on the video link. This should take you to the video, with a transcript button near the bottom of the page.
2. In the URL field, note the number after v=. This is your video ID.
   
    
3. Replace the video ID in the sample code and update the necessary fields.
   1. iframe
      1. title
      2. video ID, which is listed at the end of the URL in the src field
   2. href: This is the link to the video. Copy the URL in the address bar of the video you opened.
   3. The title of the video with the time entered after it. Adding the time is helpful for students, so they'll know how long watching the video will take.
   4. An abstract / synopsis of the video. Occasionally, the abstract needs to be slightly rewritten to let the user know what the video's about or read better on the page. Read it and edit it if necessary before adding it to your guide. You may also need to write one if one isn't available.
       
   <div style="--aspect-ratio: 16/9;">
   <iframe title="How do I choose my sources" src="https://player.vimeo.com/video/301920552" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
   </div>
   <div class="video-title">
   <a href="https://multimedia.phoenix.edu/video/?v=301920552" target="_blank">How do I choose my sources? (01:45)</a>
   </div>
   <div class="video-text">
   Selecting the correct sources helps bolster the strength of your argument. Learn how to evaluate your sources for currency, relevance, authority, accuracy, and purpose.
   </div>
    
4. On your guide, select Media / Widget from the Add / Reorder option in the box you're adding the video to.
5. In the Widget Name field, enter UOPX: [name of video] [video].
6. In the Embed Code field, enter your code.
7. In the Position drop-down, select in which order this item should display. This is particularly important for mobile view.
   
    
8. Under the Subject Associations tab, select the correct college or site for the content.
   
    
9. Click Save to save your widget to the page.