of the button is the center, but there is trend towards moving it to a corner
where it gets out of the way of valuable content in the poster image.*/
.vjs-fluidbook-skin .vjs-big-play-button {
- /* The font size is what makes the big play button...big.
- All width/height values use ems, which are a multiple of the font size.
- If the .video-js font-size is 10px, then 3em equals 30px.*/
- font-size: 3em;
/* We're using SCSS vars here because the values are used in multiple places.
Now that font size is set, the following em values will be a multiple of the
new font size. If the font-size is 3em (30px), then setting any of
/* 0.06666em = 2px default */
border: none;
/* 0.3em = 9px default */
- border-radius: 0;
- /* Align center */
- left: 50%;
- top: 50%;
- transform: translate(-50%, -50%);
background-color: transparent !important;
background-position: center;