10

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?

Community
  • 1
  • 1
user43004
  • 217
  • 1
  • 2
  • 4

5 Answers5

15

For version 6.2.0:

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

videojs('my-video', options);
Capitaine
  • 1,923
  • 6
  • 27
  • 46
7

Video.js 7.10.2

var player = videojs('my-video', {
  controlBar: {
    volumePanel: {
      inline: false
    }
  },
});
Dione Stack
  • 71
  • 1
  • 3
6

For video.js 5.x:

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

videojs('player', options);
Bian Jiaping
  • 946
  • 8
  • 20
0
const options: VideoJsPlayerOptions = {
        controlBar: {
          volumePanel: {
            inline: false,
            volumeControl: {
              vertical: true
            }
          }
        }
      };
Daniel Ehrhardt
  • 908
  • 7
  • 16
  • While this code may solve the question, [including an explanation](https://meta.stackoverflow.com/questions/392712/explaining-entirely-code-based-answers) really helps to improve the quality of your post. Remember that you are answering the question for readers in the future, and those people might not know the reasons for your code suggestion – Muhammad Dyas Yaskur Mar 10 '20 at 00:08
-1

This can be done. Please see:

http://jsbin.com/nidevo/2/edit?html,css,output

and

https://github.com/videojs/video.js/issues/942

The howto you cite is for videojs 2.0

Broonix
  • 1,135
  • 2
  • 11
  • 26
  • this doesn't work for me... volume bar disappers if I implement this. btw I have videojs 5.0.2.... – user43004 Nov 14 '15 at 15:07
  • Sorry I thought it was 4.x. I'm pretty sure vertical rendering is broken ATM in 5.0: http://jsfiddle.net/w91vvjy0/4/ and https://github.com/videojs/video.js/issues/2726 – Broonix Nov 14 '15 at 16:46