Contact Us

How Do I Make the Player Embed Responsive?

There have been occasions where a website's design or code causes the Livestream iFrame code to resize improperly or be cut off.

To fix this, you can make the player responsive by adding this style parameter to your iFrame code after the width and height parameters:

<p>style="width:100%"</p>
Click to copy

Here is a Livestream iFrame embed code with the style added:

The player will now be responsive on both desktop and mobile and should fit within your page's design.

Have more questions? Submit a request