Staging Video

Staging Video

TTG CE2 Stage supports three methods for staging video; video may be embedded from Vimeo or YouTube, or local video may be embedded using the HTML5 video protocol. In all methods, video playback is supported on mobile devices such as the iPhone, iPad and Android devices.

To get started with video, hit the Appearance control pane, Staging control group. Set Media Presentation as “Video” and then select your Video method: HTML5, Vimeo or YouTube.

Select video presentation.

HTML5 Video

HTML5 video is the most difficult to implement, as it requires video files to be prepared in multiple formats (MP4, OGV, WebM), plus a poster image. These assets should be named identically, except for file extension. For example, you might have:

my_video.jpg my_video.mp4 my_video.ogv my_video.webm

Within Lightroom, you would supply TTG CE2 Stage with your file name and enabled checkboxes for each of your supplied video types:

HTML5 video setup.

After exporting your staging page, these items should be copied into the /videos/ folder.

For more information on the Why and How of preparing HTML5 video, see our HTML5 Video article .

See HTML5 video in action on your desktop computer or mobile device; check the demonstration .

Vimeo

Vimeo is the darling of online video enthusiasts; YouTube is for the masses, Vimeo is for the elite.

Embedding video from Vimeo is easy. You just need the video ID, which can be had from the video's web address. For example, the typical Vimeo URL will look like this:

http://vimeo.com/26799256

And you would just need to copy the ID – 26799256 – from the end, then paste it into Lightroom:

Vimeo Setup

… then set a few options via the checkboxes. Easy, peasy.

As an additional step, you may wish to get correct width and height values for your video from Vimeo. On any Vimeo video, click the Embed button to bring up the embed options for that video. Then click on “Customize embed options”. Dial in your width, then press Tab to move to another input field; Vimeo will automatically update the height for the correct aspect ratio. Use this values for your Stage Width and Height within Lightroom.

Vimeo options

In the image above, take note of the Size values, 853 x 480. Use these values in Lightroom, below:

Vimeo dimensions in Lightroom.

Continuing to work from the screen capture above, we have a video 853 pixels wide, then 10 pixels border and 10 pixels padding on the left and right sides; that's 20 pixels of stuff each on the left and right, for a total 40 pixels added to the width of our content. Moving back up to the Media Area / 'The Grid' control group, our Content Width should be at least 853 + 40 = 893 pixels.

See Vimeo in action in our demonstration .

YouTube

YouTube is super easy to setup with TTG CE2 Stage. You just need to extract the video ID from the web address, then set your right width and height. The typical YouTube address looks like this:

http://www.youtube.com/watch?v=8UVNT4wvIGY

So we take the ID from the address; it's the number following ”?v=”, so 8UVNT4wvIGY is what we want. And we paste it into Lightroom:

YouTube ID

To get the width and height for your video, press the Share button on YouTube's video page, then press the Embed button. See this:

YouTube Sizes

Pull a set of numbers, or dial in your custom width and let YouTube provide a height value in the correct aspect ratio. Use these values for your Stage Width and Stage Height in Lightroom.

See YouTube video in action in our demonstration .

Print/export