{% extends "base.html" %} {% block content %}

## Media Types

People have always loved how easy TimelineJS makes it to add rich media to the slides that tell your story. The new version of Timeline continues the tradition and adds a few new media types.

Image
  If your URL ends in `jpg`, `gif`, `png` or `jpeg`, it will be used as the source for an image tag. It should also work if there is a query string after the extension, perhaps specifying dynamic width and height values.
Online Videos
  Use the URL for the page of the video for Vimeo, DailyMotion, Vine, and YouTube. Timeline honors Youtube start-at time parameters.
Video Files
  Use a link to a video file on the internet. Timeline currently supports `.mp4` files.
Audio Files
  Use a link to a video file on the internet. Timeline currently supports `.mp3`, `.m4a`, and `.wav` files.
SoundCloud
  Use the URL for the SoundCloud clip page.
Spotify
  Supports use of tracks, albums, and user playlists. Use the URL obtained from clicking on "Copy Spotify URL."
Twitter
  Use the URL of the tweet's page. We no longer recommend using the Twitter embed code, especially if you include more than one tweet in your timeline.
Google Maps
  Use the URL for the Google Maps page (unless you are using Streetview, which currently requires the embed URL found in the "Share" section). Coordinates, search results, place marks and directions are all honored by Timeline. TimelineJS supports roadmap, hybrid, satellite and terrain Google Maps, as well as directions, places, and Streetview maps.
Instagram
  Use the URL for the Instagram photo's page.
Flickr
  Use the URL for the Flickr photo's page. The shortened link provided in the share menu (e.g. `https://flic.kr/p/sv3VN6`) will also work.
Imgur
  Use the URL for the Imgur photo's page. These URLs often (but not always) include the string `/gallery/`. You should not use a "direct" Imgur URL (typically including `i.imgur.com` and ending in an extension like `.jpg` or `.gif`). This is considered "hotlinking" and is specifically against Imgur's terms of service. That kind of Imgur URL may appear to work for a short period, but will not work for long.
DocumentCloud
  Use the URL of the Document Cloud document's page.
Wikipedia
  Use the URL of the Wikipedia article's page.
Wikipedia Images
  Timeline can handle images from Wikipedia in two ways.
  1. Use the URL for a media preview, which is typically what you see when you click on an image. These URLs will look something like this: `https://en.wikipedia.org/wiki/Beryllium#/media/Datei:Beryl-Quartz-Emerald-Zambia-33mm_0885.jpg` (specifically, look for the `#/media/` part to make sure you have the right URL).
  2. Use the URL for a Wikimedia Commons page. These URLs will look something like this: `https://commons.wikimedia.org/wiki/File:David-Bowie_Chicago_2002-08-08_photoby_Adam-Bielawski-cropped.jpg`. (specifically, they will be on the `commons.wikimedia.org` server).
iframe
  Instead of a URL, you can use `<iframe>` markup. This is a good general workaround to embedding media types that TimelineJS doesn't handle directly.
Blockquote
  Instead of a URL, you can use `<blockquote>` tags around whatever text you want to quote.
Wistia
  Use the URL of the Wistia video. You can find this in either the "Social Sharing" or "Embed Code" tab of your video.

{% endblock %}