Uploading Multimedia Content

What You Will Learn

  • How to upload images, video, audio files and documents into tridion from your computer prior to adding them onto a page

Quick Steps

  1. Create New Multimedia component in appropriate Building Blocks folder
  2. Select file to upload into Tridion

Prior to being used on a Tridion site, all kinds of multimedia must be made available on the web. Depending on the type of multimedia you're uploading (photo, video, etc.) the steps differ.

Images

Professional Photography & General Guidelines

The Web Group can coordinate professional photography for your site. Additionally, all YSM sites must adhere to these guidelines concerning images and photography.

Prior to adding images to pages, you must first upload the image into Tridion as a component itself.

Instructions for Uploading an Image

  1. Go into the Building Blocks folder of your publication. Add a folder called "Images."
  2. Once inside your new image folder, select "Create" from the home tab. 
  3. Select "New Component," and then "New Multimedia Component."
  4. A new window/tab will populate.
  5. In the "Name" field, enter a name for your image. If you are uploading professional photography conducted by the YSM Web Group, use the full name that was already given to the image. For example, it may read "YSM_00110_984."
  6. In the "Schema" field, select "Image" from the drop down menu.
  7. Select "Load from Disk." Tridion will then open up a window to access content from your own computer. Select the image you want from your computer.
  8. Do not worry about selecting the appropriate image file from the "Multimedia Type" drop down. Tridion will automatically detect the type of image and select this for you.
  9. Once your image has been uploaded, go on to add caption language and/or specify the orientation of your image.
  • Click on the "Metadata" tab at the top of the component.
  • Leave "Alt Text" as is, and if the photographer has already been entered into Tridion, select his/her name from the menu. 
  • In the "Caption" box, enter text within the blank area of the "Design" tab. Keep this brief! It's only a caption!
    • NOTE: Even if you enter a caption in the image field, it will not appear if the "hide caption" option is selected in a Content schema component.
  • In the "Orientation" field, select an orientation that's most appropriate for the image. Typically, the only images that are "portraits" are headshots, most are "landscape."
  • Most images look best when the "Crop Position for Images" is left as "middle."
  • If you want to prevent an enlarged version of the image from popping up when the image is clicked on the page, check the "Suppress 'expand' icon for this image." 
  • Select "Save & Close" once completed. 

After Creating an Image Component

Images can be expressed through a variety of Tidion templates. Click here to see instructions for specific usages. 

Videos

Prior to adding a video to a page, the video must first be made available on the web.  This can be done by uploading the video to the YSM Media Library, YouTube, or Vimeo.

YSM Media Library

  1. Visit the Media Library.
  2. Click Upload Media.
  3. Add a Title for the video, then click Update.
  4. Then, click the Add files button and select a video from your computer or drive to upload.
  5. Click Start Upload.
    1. Videos generally only take a few minutes to upload and process, but if the server is busy it can take up to an hour.  You'll have to refresh the page to see if the upload is complete, once the Status reads "postprocessed" the upload is complete.
  6. Copy the Media Embed filename from the Media Library once the video has completed post-processing.
  7. Log into Tridion and navigate to Your Publication -> Building Blocks -> Content -> Video folder
  8. Create a new standard component (not a new multimedia component).
  9. Choose the schema Media Library
  10. Paste the Media Embed filename you copied from the Media Library.
  11. Select video under "Media type?"
  12. Add a Title, Description, and duration (length of video) to the component.
    1. By default the thumbnail from the media library will automatically be added to the video, but you can add a different thumbnail if you like using an image component.
  13. Click Save and Close.
  14. Navigate to the page within the Root folder you want to insert the video on.
  15. Insert the Media Library component in the page's component presentations tab. The component templates available are Video Player (medium) or Video Player for Right Column (smaller and in right column).
  16. Save and close.
  17. Publish.

After Creating the Video Component

In addition to displaying in a standalone video player, videos can appear as part of gallery with other videos. Click here to learn more about the options for adding videos to your site. 

Single YouTube or Vimeo Video

What You Will Learn

  • How to insert a YouTube or Vimeo video in the center area or right column of your page

Quick Steps

  1. Create YouTube & Vimeo component and enter all appropriate fields
  2. Insert component onto page as "Video Player (Medium)" or "Video Player for Right Column"

YouTube & Vimeo 

If your organization has posted videos to YouTube or Vimeo, you can reference these videos directly in Tridion.

  1. In the Create tab, select New Component.
  2. Select YouTube & Vimeo from the Schema drop down menu.
  3. URL of the YouTube or Vimeo movie: Copy and paste the URL of the video from YouTube or Vimeo into this field.
    • Make sure the URL matches this format:

      YouTube: http://www.youtube.com/watch?v=tGn3-RW8Ajk
      Vimeo: http://player.vimeo.com/video/39461899
  4. Enter a movie title and description.
  5. Enter the length of the video in the duration field. For example, "2:31".
  6. Enter a thumbnail for the video. You can either upload an image as a multimedia component to use as a thumbnail or paste the URL of an image into the URL for external thumbnail field.
  7. Click Save & Close.
  8. Open appropriate page in Root folder, and insert component onto page as Video Player (Medium) or Video Player for Right Column.

After Creating the Video Component

In addition to displaying in a standalone video player, videos can appear as part of gallery with other videos. Click here to learn more about how you can publish videos to your site. 

Audio Files

Uploading Audio Files

Prior to adding an audio file to a page, you must first make it available on the web using the Media Library.

YSM Media Library

  1. Visit the Media Library.
  2. Click Upload Media.
  3. Add a Title for the file, then click Update.
  4. Click the Add files button and select an audio file from your computer or drive to upload.
  5. Click Start Upload.
    1. Audio files generally only take a few minutes to upload and process, but if the server is busy it can take up to an hour.  You'll have to refresh the page to see if the upload is complete, once the Status reads "postprocessed" the upload is complete.
  6. Copy the Media Embed filename from the Media Library once the file has completed post-processing.
  7. Log into Tridion and navigate to Your Publication -> Building Blocks -> Content -> Audio folder
  8. Create a new standard component (not a new multimedia component).
  9. Choose the schema Media Library
  10. Paste the Media Embed filename you copied from the Media Library.
  11. Add a Title, Short description, and duration (length of audio) to the component.
    1. By default the thumbnail from the media library will automatically be added to the video, but you can add a different thumbnail if you like using an image component.
  12. Make sure to specify the file as audio under Media type? at the bottom of the component. 
  13. Click Save and Close.
  14. Navigate to the page within the Root folder you want to insert the video on.
  15. Insert the Media Library component in the page's component presentations tab. The component templates available are Audio Player (full width video) or Audio Player Right Column (smaller and in right column).
  16. Save and close.
  17. Publish.

After Creating the Audio Component

Proceed to the Component/Template section to see how you can publish audio components to your page.

Documents

Word, Excel, and PDF documents, just to name a few, are considered "multimedia" in Tridion. Steps for uploading documents are provided in this section.

Uploading Documents

  1. Navigate to the "Documents" folder within Building Blocks.
    1. If this folder does not already exist, you can create one by clicking New Folder in the Create tab.  Type "Documents" in the Name field, then Save and Close.
  2. Create a "New Multimedia Component" within the "Documents" folder. 
  3. Name: Provide the name of your file. 
  4. Schema: Select "Document" from the drop-down menu.
  5. Multimedia Type: Select the type of document you are uploading.
  6. Select "Load from Disk" and Tridion will open a new window for you to locate and choose the document from your own computer.
  7. After selecting the correct document, remember to "Save & Close."

Editing Documents

There will be times when you are asked to repeatedly edit a document that you've already uploaded into Tridion. Instead of uploading new versions into Tridion, use this method. This method prevents uploading too many documents in Tridion and causing confusion when selecting components for later use.

  1. Open the document multimedia component you previously created. 
  2. Select "Load from Disk" and select the most updated version of your document from your computer.
  3. After selecting the correct document, remember to "Save and Close."


Click here to learn how to add your documents to a page.