How to change the size of the player with your button


To control the width and height of the player container, you need to enable the Settings / Size / Container size. The container must be set width and height (in pixels with css or html).

You also need to add your own button to the control panel and assign it a call to an external JS function that will expand and narrow the player container. Icons of button states in SVG format can be found in the editor's library by separating them with a symbol ///

This function should be available in the global space on the page with the player. Simply it can be like this:

var playerWideMode = false;
function PlayerWideMode(){
    if(playerWideMode){
        document.getElementById("player").style.width = "500px";
    }else{
        document.getElementById("player").style.width = "100%";
    }
    playerWideMode = !playerWideMode;
}

In practice, a wide player usually requires the transformation of other page elements as well. You should also enable the Hide / on fullscreen option in the button settings.

Example:



2018 - 2021 © PlayerJS

Login

Restore password
Sign up
Log in

Sign up free

Sign up
By signing up, you agree to Terms of Service
Login if you have an account

Enterprise

Your name
Website
Email
Phone
Description
Order player

Restore password

Restore
Forgot email? Contact us