Question: I have embedded the player on my WordPress website, using the embed code from the channel page, and I noticed that the player is not responsive on mobile devices. How can I make the player responsive?
Answer: In order to have the player to be responsive the width must be set to 100%(width=”100%”). After changing the code to 100% the WordPress page or post will be responsive.
Example of the embed code taken from the channel page:
<iframe width=”854″ height=”480″ src=”https://www.mystreamingvideo.net/manual/embed?scheme=embedChannel&channelId=42095&autoplay=no&showChat=no” frameborder=”0″ scrolling=”no” allowfullscreen></iframe>
In order to make the embed player responsive we have changed the width to 100%:
<iframe width=”100%” height=”480″ src=”https://www.mystreamingvideo.net/manual/embed?scheme=embedChannel&channelId=42095&autoplay=no&showChat=no” frameborder=”0″ scrolling=”no” allowfullscreen></iframe>