Our embed code is fully responsive and is meant to fill the entire element or container that the code is added to. So if the container you are using fills the entire screen and you want the video to be smaller, but can't change the size of the container, try this change to the code you are adding.

Here is how our regular embed code looks and how it fills up a container. Imagine this is a container in your page builder or membership site platform.

<script src="https://spotlightrteam.cdn.spotlightr.com/assets/spotlightr.js"></script><iframe allow="autoplay" class="video-player-container spotlightr" data-playerid="MTAzMjE5OQ==" allowtransparency="true" style="max-width:100%" name="videoPlayerframe" allowfullscreen="true" src="https://spotlightrteam.cdn.spotlightr.com/watch/MTAzMjE5OQ==" watch-type="" url-params="" frameborder="0" scrolling="no"> </iframe>

And here is the change adding the <div> tag and modifying the style with the following adjustments which will fill up 66% of the width of the container:

<div style="width:66%; text-align:center; margin: 0 auto">

<script src="https://spotlightrteam.cdn.spotlightr.com/assets/spotlightr.js"></script><iframe allow="autoplay" class="video-player-container spotlightr" data-playerid="MTAzMjE5OQ==" allowtransparency="true" style="max-width:100%" name="videoPlayerframe" allowfullscreen="true" src="https://spotlightrteam.cdn.spotlightr.com/watch/MTAzMjE5OQ==" watch-type="" url-params="" frameborder="0" scrolling="no"> </iframe>
</div>

To make it bigger or smaller, simply change the 66 in the code. For any additional help please reach out to our helpdesk.

Did this answer your question?