diff --git a/assets/css/player.css b/assets/css/player.css index 50c7a748..65a5c3eb 100644 --- a/assets/css/player.css +++ b/assets/css/player.css @@ -192,8 +192,28 @@ ul.vjs-menu-content::-webkit-scrollbar { } /* Big "Play" Button */ + .video-js .vjs-big-play-button { - background-color: rgba(35, 35, 35, 0.5); + font-size: 3em; + line-height: 3em; + height: 80px; + width: 80px; + margin: auto; + display: inline-block; + position: absolute; + top: calc(50% - 1.5em)!important; + left: calc(50% - 1.5em) !important; + padding: 1.45em !important; + cursor: pointer; + opacity: 1; + border: 0.7vmin solid #dddddd; + background-color: rgba(47, 121, 160, 1); + background-size: 50%; + backgound-repeate: no-repeat; + aspect-ratio: 1 / 1 !important; + -webkit-aspect-ratio: 1 / 1 !important; + border-radius: 50%; + transition: all 0.4s; } .video-js:hover .vjs-big-play-button {