Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to make volume bar vertical in video.js player?

Tags:

video.js

I have tried solution given here on the site but it didn't work. Setting up volume control vertical in video.js Where I can get best tutorial about video.js.. Any link?

like image 757
user43004 Avatar asked Nov 08 '15 18:11

user43004


3 Answers

Video.js 7.10.2

var player = videojs('my-video', {
  controlBar: {
    volumePanel: {
      inline: false
    }
  },
});
like image 170
Dione Stack Avatar answered Nov 11 '22 12:11

Dione Stack


For version 6.2.0:

var options = {
    controlBar: {
        volumePanel: {inline: false}
    },
};

videojs('my-video', options);
like image 15
Capitaine Avatar answered Nov 11 '22 14:11

Capitaine


For video.js 5.x:

var options = {
  controlBar: {
    volumeMenuButton: {
      inline: false,
      vertical: true
    }
  }
};

videojs('player', options);
like image 6
Bian Jiaping Avatar answered Nov 11 '22 14:11

Bian Jiaping