Menu
I found the designer page on http://www.videojs.com/ there you can change the position of the start button to be in the middle of your clips.
But I am not able to place or use this stylesheets on the video.js player. Could some one explain how to use it in the player. E. G. to extend the existing css with an extra file? or how to change the existing css to place the button not on the left top but in the middle?
Thanks. Katasun
500
Replied on August 12, 2018 Hui Mugeezus, by default, there is not a way to change the start button position, just the taskbar itself. I did find an app “Start Orb Mover” that was designed for Win 7, but it may work for Win 10 as well:
Either set the div in which the button is to float: left (or right) so that the page layout ignores it. Or close that div behind the images, in effect putting the button in the same container as the images. Then put the button as inline element and set the position as you see fit.
To move the Start button, you'll need to open the Settings app on your Windows 11 computer. You can find it by clicking the Start button and looking in the pinned apps section. If it's not there, click on All Apps and scroll down until you find it.
To make the button centralized, use the following CSS button{ display: block; margin:0 auto; } To centralize horizontally and vertically -using flexbox See this fiddle
You can add 'vjs-big-play-centered' to video class.
<video id="player" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="700" height="450" poster="http://www.videojs.com/img/poster.jpg"><source src="" type="video/mp4"></video>
Using version 4.1.0:
In video-js.css, in .vjs-default-skin .vjs-big-play-button (line 484+) replace:
top: 2em;
left: 2em;
margin: 0;
with:
top: 50%;
left: 50%;
margin-left: -6em;
margin-top: -4em;
-6em and -4em because the width is 12em and height is 8em
Just had the same problem and had to fix it this way :) Works on the latest chrome, firefox, safari and opera, didn't test on IE, i'm on OSX
25
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
