User Tools

Site Tools


theater_add-on_presentation_pym

Pym Embedded iFrame

The Pym Embedded iFrame presentation type uses Pym.js to embed iframe content responsively, managing both the iframe's width and height. We consider this an advanced topic, and using the Pym Embedded iFrame will require some coding by the end user.

You may find it useful to review the Pym.js documentation.

To use this in Backlight:

  • Edit or create a new album template using the Theater Add-on.
  • Under Album Setup, set Presentation Type as “Pym Embedded iFrame”.
  • When creating an album in Lightroom's publisher, fill the Video ID with the full URL to your iframe source.

To create content for your iframe, download this template HTML document:

Download HTML Template for Pym Embedded iFrame

This provides basic markup for your HTML page, with the necessary Pym JS script built-in. You may edit the page as you like, or copy-and-paste the script bits from the bottom of the file into your existing project.

I recommend putting these in a /pym folder in the root of your site, i.e.:

/backlight
/galleries
/pym

Inside the /pym folder, put the index.html and pym.v1.min.js files, downloaded above. When you need to create a new piece of content, duplicate and edit the index.html file, then point the template at it.

theater_add-on_presentation_pym.txt · Last modified: 2016/09/05 07:58 by matthew