Spotlightris a fully responsive player and that means that it adapts to the size of the element in which you place it on your page.


This means that if the element in which you place Spotlightr is hidden by default, for example in a collapsed accordion or inactive tab, or any similar occurrence then Spotlightr will adapt to the size of the element as is on page load.

Spotlightr can't listen for activity on your page as that would violate many security and privacy principles so you need to let it know when an event has occurred which unveils or shows the video.

You do so by simply triggering the function forceVooplayerResize.

For example:

<script>forceVooplayerResize()</script>

Doing so will force all the Spotlightr videos on the page to readjust to their parent elements as they are rendered at the time of the function being triggered.

So if you have the capacity to determine when an accordion has shown or tab opened, by for example detecting click events on their respective navigation elements, you can subsequently call the forceVooplayerResize function.

Keep in mind that most of these use cases have some sort of a show / hide animation that has delays which will require you to set a timeout on executing the resize function.

You can enable the option "Force Resize When Visible" under your Account Settings:

If you continue to experience difficulties with the proper sizing of Spotlightr, our support team is here to help.

Did this answer your question?