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
orjpeg
, 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.
- SoundCloud
- Use the URL for the SoundCloud clip page.
- Use the the Twitter embed code, or the URL of the tweet's page.
- 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.
- Google Plus
- Use the URL for the Google Plus photo, found by right-clicking (or control-clicking) the image and selecting "Copy Image URL".
- 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. {#
- Instagram Profile
- (details TK) #}
- DocumentCloud
- Use the URL of the Document Cloud document's page.
- Wikipedia
- Use the URL of the Wikipedia article's page.
- Storify
- Use the URL of the Storify.
- 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. - Embedly
- If TimelineJS doesn't recognize your media URL, it will try to use Embed.ly to get the best thing to include on your slide.