Using The Media Application

Adding an Audio Clip

  1. Find Audio Clips in the admin panel and click ‘add’.
  2. Select the date/time that the audio clip will be posted.
  3. Fill in the title.
  4. Select the type of audio clip from the available list.

If you don’t see a type that you need, see your editor to add the clip type.

  1. If this clip belongs to a set, click the magnifying glass next to ‘Set:’ and select the appropriate set.
  2. Type a description of the audio clip.
  3. Select the category of the audio clip.

It is important to be as specific as possible when selecting a category. If an audio clip is of a Bill Self interview, place it in the [News]/Sports/College/Kansas/Coach category.

  1. If the clip has a url, fill it in, otherwise upload it from your hard drive.
  2. Select the status of the clip.
  3. Select the site(s) it will be available on.
  4. Click save.

This audio clip can now be pulled into any story as an inline. You can also link audioclips to an audioclip set.

Adding an Embedded Media Object

You can embed YouTube videos or any other embeddable media from the internet into Ellington to create an Embedded Media object.

These objects can be pulled into stories as an inline or added to a multimedia story

Throughout many parts of the site such as comments, reviews, blogs, and answers you can automatically embed media objects using oEmbed.

To Add an Embedded Media object

  • Most videos online that would require being embedded will have an “embed this” option that will render embedded media code for you. Insert said code in the Embedded objectfield.
  • The height and width of the embedded object will automatically populate. These sizes can be set to your desired size in most cases.
Add Embedded Media Object

Some embedded media objects from the internet are hard-coded to maintain a certain screen size and may not be adjustable for displaying as inlines. To avaoid aestetically unpleasant large videos in stories, you may want to turn those videos into external links.

Adding a Photo

Acceptable file formats for photos include (jpeg, png, gif). Users can upload a single photo or use the Ellington Batch Photo Uploader. NOTE: These will be imported as photo objects only; not cropped photos.

For optimum quality in Ellington, we suggest you load photos with a 4:3 ratio. 1200x800 will work best within Ellington Default templates. Photos in Ellington will mogrify. This means that the same photo object you are using for a headline photo can be used as the thumbnail in a story list. Ellington will autosize the photo to fit the space without losing any of the resolution of the photo as seen in the following example.


If the picture has an alternate ration or is smaller size, like this 199x254, then in some of the Ellington template views the object may input ‘matting’ around it. A designer can change the dimensions of photos sizes within templates, but these examples are displaying the default behavior.


Photo Admin

  1. In the admin panel, locate the ‘photos’ section and click the add button.
  2. Next to the photo field, click the Choose File button and select the photo from your hard drive.
  1. Select the photo type and status.
  • Status: Live will set the photo to display on the Public facing side. To remove photo, change status to ‘delete.’
  • Photo was created by a site user: If this photo was uploaded by pubic users, then the box will be checked.
  • Photo type: In Ellington Default templates, the Photo cubes on each section, will render photo with the Photo type ‘photographs.’ If you are loading obituary photos, then create a new photo type called ‘obituary.’ This way the obit photo will not be showcased on the homepage photo cube. If you have a photo cube on a section, like ‘sports’ then the photo will appear there if it has the correct photo type and category selection.
  1. Select the category.

Be as specific as possible when selecting a category. If this is an image from the Royals game, select the [News]/Sports/Professional/Baseball/Royals/ category.

  1. Select the site(s) the photo will be published on.
  2. We have reproduction rights for this photo. Check this box if you own right to photo. If your site is using a vendor like ‘mycapture’ to sell photos online, the template will use this notification to activate the purchase options.

On the Credit Tab

  1. Select the photographer that took the picture. If the photographer is not listed in the drop down menu, fill in the ‘One-off photographer’ field.
  2. Fill in the date and time the photo will be published.
  3. Related Links. You can add links here that will display on the photo object page for this image. The links will display at the bottom of the image.

Story View

This photo will be available to use on Stories as an inline or thumbnail. Lead Photos on a story are selected from the ‘cropped’ photo model. This photo will display in photo cubes, on home page or sections, if the correct photo type and category is selected. It will display on the photo page on your site found at: It will also also have it’s own object page that will display any links you may have added. If this image was used as an inline, you will also see a link to that story.


Adding a Video

This document explains how to upload videos to an Ellington site via /admin/media/video/add/.

For information on embedding video from other sites like YouTube or Vimeo, please read more on using Ellington’s Embedded Media Objects and our support for Oembed.

The following is not an exhaustive walkthrough and primarily covers required fields.

. In the admin panel, locate the ‘Videos’ section and click the add button, or navigate to http://<yourdomain>.com/admin/media/video/add/.

2. Select the creation date and time for your video. You can click “Today” and “Now” to the set the current date and time. This will be displayed in your template as your ‘Published Date’.

3. Enter a title for your video.

4. (Optional) Enter a caption for your video.

5. You can upload a video from your computer or enter the Video URL you want to use. Please note that the URL method expects a URL pointing to a file on a media server that you control, e.g.<yoursite>/media/videofile.mp4. This field will not work with URLs for videos hosted on other websites such as YouTube.

For more information on how to use videos from other websites, please review our documentation on Oembed and Embedded Media Objects. Both of these tools will allow you to incorporate content from other sites such as YouTube and Vimeo.

6. Enter the video width and height. The default size is 640 x 480 pixels.

7. (Optional) Add a related story ID. This applies to news stories that go with a particular video and can be very useful to your users.

8. Select all sites that the video should be published to.

9. Select the ‘Status’ of the video. The options are:

  • Live: The video will be posted to your site and publicly visible.
  • Draft: The video will be visible to logged in staff users only. If you have not overridden the video detail template, a warning will alert staff users that they are viewing an unpublished draft.
  • Deleted: The video is marked for deletion and will return a 404 when attempting to view it onsite.
  • Unreviewed: Similar to Draft, the video will only be visible to logged in staff users. Again, a warning will be displayed.

10. Select the ‘Type’ of video that you are entering. Our best-practice recommendation is that you should provide an H264 Baseline (.mp4) video in the Primary video field:


For information on best practices for including video files, please read our documentation on HTML5 Video.

11. Select a “Video type”. Please note that the title of this field is misleading. The “Video type” is unrelated to the “Type” of video file you selected above. This field assigns the video to a content type. Unless you have modified your templates to leverage the Music video or Indie film types, select the News type. If you’re unsure if your templates have been modified, select the News type.

12. Choose the Categories that this video belongs to. If you selected News as the “Video type” above, you must assign a Category.

There is no limit to how many categories you can add. If you cannot find the category that you would like to add the video to, you can add a new category by pressing the plus sign next to the ‘Available Categories’ box. By default, Sections will pull a video based on the category assigned to it. Designer’s can also call videos to a view through filtering by category in templates.


13. A thumbnail image must be included when adding a new video. A screenshot from the video is a good option for a thumbnail.

Be sure to crop the image to the same size you provided for the video. For example, if using the default video size (640 x 480 pixels), provide an image that is 640 x 480 pixels.


14. The Credit allows you to assign an author for the video content

  • The Videographer field allows you to choose from existing staff members via a popup window. If you do not see the staff member you are looking for, you can add a new staff member by clicking on the “Add staff member” button in the upper right corner of the popup window.
  • The One-off videographer field allows you to credit non-staff members without needing to add a new user or staff member.

15. Add a secondary video (Optional)

If you would like to ensure the highest level of cross-compatibility with all browsers and devices, add an Ogg Theora file as the secondary video:


For more information on video best-practices and our recommendations for whether or not you should include a secondary video, please review our documentation on HTML5 video.

Secondary video:

  • Type: Ogg
  • File format: .ogv

Ogg Theora videos need to have a .ogv file extension. The MIME types provided by Ellington are specific to the .ogv extension and will not work with an .ogg extension, as the .ogg file extension was deprecated in 2007. You can read more about Ogg Theora video on Wikipedia. If you have videos encoded as .ogg files, you may be able to get your video to load by simply changing the extension to .ogv.

16. Click save.


Add your comment

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.