Update video player play icon.

diff --git a/style/videojs/videojs.less b/style/videojs/videojs.less
index a4f81a17b8c297723ccb5146b4146f2a611f050d..12a69f2766c0138a3aed081b931c23b2e81f1a50 100644 (file)
--- a/style/videojs/videojs.less
+++ b/style/videojs/videojs.less
@@ -37,9 +37,8 @@
      the following values to 3em would equal 30px. 3 * font-size. */
   /* 1.5em = 45px default */
   line-height: 1.5em;
-  height: 1.5em;
-  width: 3em;
-  opacity: 0.6;
+  height: 2.5em;
+  width: 2.5em;
   /* 0.06666em = 2px default */
   border: none;
   /* 0.3em = 9px default */
@@ -47,11 +46,10 @@
   /* Align center */
   left: 50%;
   top: 50%;
-  margin-left: -1.5em;
-  margin-top: -0.75em;
+  transform: translate(-50%, -50%);
 
   background-color: transparent !important;
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 528.65 595.81'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_2-2' data-name='Layer 2'%3E%3Cpath class='cls-1' d='M28.21,2.49l490.88,279a18.88,18.88,0,0,1,0,32.83l-490.88,279A18.88,18.88,0,0,1,0,576.9v-558A18.88,18.88,0,0,1,28.21,2.49Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 113.4 113.4'%3E%3Cstyle%3E.st0%7Bopacity:0.8;%7D .st1%7Bfill:%23FFFFFF;%7D%3C/style%3E%3Cpath class='st0' d='M110.5 113.4H2.9c-1.6 0-2.9-1.3-2.9-2.9V2.9C0 1.3 1.3 0 2.9 0h107.6c1.6 0 2.9 1.3 2.9 2.9v107.6c0 1.6-1.3 2.9-2.9 2.9z'/%3E%3Cpath class='st1' d='M45.8 37.8l31.5 17.9c.8.5.8 1.6 0 2.1L45.8 75.6c-.8.5-1.8-.1-1.8-1V38.8c0-.9 1-1.5 1.8-1z'/%3E%3C/svg%3E");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;