Popover Options and API
Customize your popover embeds with options, methods, and tips specific to popovers
Wistia's popover embed displays in a lightbox that pops out over the page when opened. This article contains details on options and API functions specific to these lightbox-style embeds.
Popover embeds
The basic structure of a popover embed includes the E-v1.js script, a wistia_embed container, and the popover=true embed option.
<script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>
<span class="wistia_embed wistia_async_gbe33h571z popover=true" style="display:inline-block;height:360px;position:relative;width:640px"> </span>That is, they are very similar in structure Standard Inline Embeds, but with the option popover=true and the container is a <span> element instead of a <div>.
Using popover embed options
Just like adding options to a standard embed, popover embed options are added into the class="wistia_embed" attribute, right after popover=true, inside of the quotations. For example, if I wanted a thin border on my popovers, I'd add the popoverBorderWidth=2 option like this:
<script src="https://fast.wistia.com/assets/external/E-v1.js" async></script>
<span class="wistia_embed wistia_async_gbe33h571z popover=true popoverBorderWidth=2" style="display:inline-block;height:360px;position:relative;width:640px"> </span>You can set any of the options listed below in exactly the same way, as well as most of the non-popover embed options.
Popover embed options
For a list of all generic options, refer to the Embed Options documentation. The options listed here are the ones specific to popovers or with special popover behavior.