# Screen sharing video is too small

**URL:** <https://mediasoup.discourse.group/t/screen-sharing-video-is-too-small/649>\
**Category:** mediasoup-demo\
**Created:** [March 18, 2020, 8:18pm UTC](https://mediasoup.discourse.group/t/screen-sharing-video-is-too-small/649 "2020-03-18T20:18:00Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![ksinger](https://avatars.discourse-cdn.com/v4/letter/k/c37758/32.png) [@ksinger](https://mediasoup.discourse.group/u/ksinger)\
**Post date:** [March 18, 2020, 8:18pm UTC](https://mediasoup.discourse.group/t/screen-sharing-video-is-too-small/649/1 "2020-03-18T20:18:00Z")

</div>

We would like to use the screen sharing functionality. Unfortunately in a multiperson confernce it is cropped like the other videos. How would you implement a functionality that you could click on a specific video and then pop it up in a fullscreen window or resizable window.

best regards  
Kilian

---

<div class="post-metadata">

**Author:** ![realslimshady](https://avatars.discourse-cdn.com/v4/letter/r/f1d935/32.png) [@realslimshady](https://mediasoup.discourse.group/u/realslimshady)\
**Post date:** [March 19, 2020, 10:19am UTC](https://mediasoup.discourse.group/t/screen-sharing-video-is-too-small/649/2 "2020-03-19T10:19:55Z")

</div>

There is already such functionality, it’s on the video:

 ![Capture](https://global.discourse-cdn.com/free1/uploads/mediasoup/original/1X/f3a2d4b699206aea08b9dbe1b111305fd1891860.png)

But this depends on your browser, you might have different controls on the actual video. Try a couple of other browsers.

---

<div class="post-metadata">

**Author:** ![ibc](https://yyz2.discourse-cdn.com/free1/user_avatar/mediasoup.discourse.group/ibc/32/1540_2.png) [@ibc](https://mediasoup.discourse.group/u/ibc)\
**Post date:** [March 19, 2020, 10:52am UTC](https://mediasoup.discourse.group/t/screen-sharing-video-is-too-small/649/3 "2020-03-19T10:52:33Z")

</div>

mediasoup-demo is just a demo application, not a full product. So fork it and add a button or a click handler in the video to make it full screen. This is just about web/JS development.

---

<div class="post-metadata">

**Author:** ![havfo](https://yyz2.discourse-cdn.com/free1/user_avatar/mediasoup.discourse.group/havfo/32/268_2.png) [@havfo](https://mediasoup.discourse.group/u/havfo)\
**Post date:** [March 19, 2020, 12:24pm UTC](https://mediasoup.discourse.group/t/screen-sharing-video-is-too-small/649/4 "2020-03-19T12:24:40Z")

</div>

If you need some inspiration on how (one possible way) to do it, you can take a look at [this](https://github.com/havfo/multiparty-meeting) github repository. There is also a link to a website there that you can test it on.

---

<div class="post-metadata">

**Author:** ![ksinger](https://avatars.discourse-cdn.com/v4/letter/k/c37758/32.png) [@ksinger](https://mediasoup.discourse.group/u/ksinger)\
**Post date:** [March 19, 2020, 12:47pm UTC](https://mediasoup.discourse.group/t/screen-sharing-video-is-too-small/649/5 "2020-03-19T12:47:12Z")

</div>

Awesome that is exactly what I was looking for. I managed to change the css settings in stylus/components/Peers.styl:

&.active-speaker {  
order:1;  
width: 100%;  
height: 100%;  
border-color: #fff;  
}

but this makes things a bit nervous.  
Thanks you are all awesome.  
I plan to make a video for universities how to set up this similar to the one I did for how to stream lectures ([https://youtu.be/88d0OScJtkQ](https://youtu.be/88d0OScJtkQ))  
Best regards  
Kilian