Contact Us My Activity Community

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:

    style="width:100%"
  

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

1 Comments

  • Avatar
    The Glory Broadcasting Network

    We're implementing this on all our Events! Thanks for being so ... Responsive!

Please sign in to leave a comment.