Setup

There are two ways to setup Livemarket iframes depending on your needs.

iframe tag

You can do it by simply adding iframe tag directly in the page template with the right src attribute and id attribute set as lm-iframe.

All other attributes are optional and editable, but the look of iframe may be different from expected, so:

  • By adding width and height attributes you can ensure that iframe will have the right size.
  • By adding allow attribute with clipboard-read; clipboard-write; value you allow user to copy and paste to and from clipboard.
  • By adding scrolling attribute with no value, you disable scrolling inside iframe.
  • By adding allowfullscreen, webkitallowfullscreen, mozallowfullscreen with values from below, you allow user to use fullscreen.
  • By adding title attribute you ensure there will be helpful information for visually impaired users.
    <iframe width="100%" height="100%" src="https://yourlink.com/" title="Live Market" scrolling="no" allowfullscreen="allowfullscreen" webkitallowfullscreen="true" mozallowfullscreen="true" id="lm-iframe" allow="clipboard-read; clipboard-write"></iframe>

Information: You can get your link for src attribute in administrator panel.

embed.js

Embed.js is a second way, though it does create a small frame in the corner of the site that is collapsable, you can learn more here

Linking video

To make your video clickable (link) you can add

&iframeVideoLink=https://link/to/your/video (be careful, iframeVideoLink is case-sensitive!)

in src attribute at the end of your link.

This will create a link that will cover the whole video, while still keeping all the functionalities of it (for example muting and unmuting)