How to Make the Embed Player Responsive

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=”http://www.tikilive.com/embed?scheme=embedChannel&amp;channelId=42095&amp;autoplay=no&amp;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=”http://www.tikilive.com/embed?scheme=embedChannel&amp;channelId=42095&amp;autoplay=no&amp;showChat=no” frameborder=”0″ scrolling=”no” allowfullscreen></iframe>