Easiest way to make SLDP Player responsive to window changes

Hi All

I can see how to make the player a fixed size. I would like to make it responsive to windows size changes. i.e always be 70% of the window width. What is the easiest way to do this.

SLDP Player is attached to container element. You should set width of that element to 70% of window and set width parameter of the player to 'parent', i.e.

SLDP.init({
container: 'player-wrapper-id',
stream: 'ws://1.1.1.1:8081/live/stream',
width: 'parent', // please note that 'parent' is a string with quotes
buffering: 1000
});

You can take a look at full list of SLDP Player parameters on this page: https://softvelum.com/player/web/#params

Awesome, thanks. I did read the about parent string in the parameters page but didn't realise it was as easy as 'parent'

Anyway to intergrate slpd with p2p?

We don't have any capabilities for P2P with SLDP.

> We don't have any capabilities for P2P with SLDP.
Same technology, websocket, why not? Please research and develop, it will take more advantages than HLS with 3rd-party p2p now

These are completely different technologies so we don't plan investigating that kind on combination.

Hi, sorry to revive this thread, for me width: 'parent' works as expected when there is no stream running but as soon as a video is playing it goes over the parent Divs size?

css:
.main-content{
max-width: 1000px;
}

html:

<div class="main-content">
<p class="d-none d-sm-block">
<div id='sldp_player_wrapper'</div>

Hi,
that might be of different reasons, for example some wordpress plugins override video element size automatically. The above information isn't enough to determine the exact cause. Please open a new ticket to provide a link to your web page? You can create new support ticket here: https://wmspanel.com/help