# Player Responsive

**URL:** <https://staging-discuss.dev.twitch.com/t/player-responsive/45846>\
**Category:** Insights\
**Created:** [May 22, 2023, 3:27pm UTC](https://staging-discuss.dev.twitch.com/t/player-responsive/45846 "2023-05-22T15:27:45Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![DANIELE\_DEMURTAS](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/daniele_demurtas/32/24836_2.png) [@DANIELE\_DEMURTAS](https://staging-discuss.dev.twitch.com/u/DANIELE_DEMURTAS)\
**Post date:** [May 22, 2023, 3:27pm UTC](https://staging-discuss.dev.twitch.com/t/player-responsive/45846/1 "2023-05-22T15:27:46Z")

</div>

Good afternoon,  
I would like to know if there is a way to embed the player to adapt it to mobile devices.  
my site is responsive but when i insert the twitch player it is not adapted to the smartphone.  
Can you help me?

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://staging-discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [May 22, 2023, 3:28pm UTC](https://staging-discuss.dev.twitch.com/t/player-responsive/45846/2 "2023-05-22T15:28:18Z")

</div>

The usual methods for responsive iFrames applies

> **[Embed responsive YouTube videos in 2021](https://dev.to/deammer/embed-responsive-youtube-videos-in-2021-5dkh)**
>
> Web developers can now rely on a new CSS property to embed YouTube videos without any obscure tricks

---

<div class="post-metadata">

**Author:** ![DANIELE\_DEMURTAS](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/daniele_demurtas/32/24836_2.png) [@DANIELE\_DEMURTAS](https://staging-discuss.dev.twitch.com/u/DANIELE_DEMURTAS)\
**Post date:** [May 23, 2023, 1:30pm UTC](https://staging-discuss.dev.twitch.com/t/player-responsive/45846/3 "2023-05-23T13:30:36Z")

</div>

Hello and sorry for the duplicate, but I hadn’t seen the answer… in the end I contacted my webmaster and solved it like this, at least I can be useful for others.

\< div class=“twitch-container”\>

\<iframe class="twitch-responsive-iframe"src=“[Twitch](https://player.twitch.tv/?channel=exampre&parent=example)” frameborder=“0” allowfullscreen=“true” scrolling=“no”\>

In the channel section replace example with the name of your channel and in the second example insert your website where the player will be embedded