@besovideo/webrtc-player 0.9.91 → 0.9.93

package/dist/main.browser.css

@@ -16,10 +16,19 @@
   line-height: 1.4;
   white-space: normal;
   outline: 0;
+  transition-property:
+    visibility,
+    opacity,
+    -webkit-transform;
   transition-property:
     transform,
     visibility,
     opacity;
+  transition-property:
+    transform,
+    visibility,
+    opacity,
+    -webkit-transform;
 }
 .tippy-box[data-placement^=top] > .tippy-arrow {
   bottom: 0;
@@ -30,6 +39,7 @@
   border-width: 8px 8px 0;
   border-top-color: currentColor;
   border-top-color: initial;
+  -webkit-transform-origin: center top;
   transform-origin: center top;
 }
 .tippy-box[data-placement^=bottom] > .tippy-arrow {
@@ -41,6 +51,7 @@
   border-width: 0 8px 8px;
   border-bottom-color: currentColor;
   border-bottom-color: initial;
+  -webkit-transform-origin: center bottom;
   transform-origin: center bottom;
 }
 .tippy-box[data-placement^=left] > .tippy-arrow {
@@ -51,6 +62,7 @@
   border-left-color: currentColor;
   border-left-color: initial;
   right: -7px;
+  -webkit-transform-origin: center left;
   transform-origin: center left;
 }
 .tippy-box[data-placement^=right] > .tippy-arrow {
@@ -61,6 +73,7 @@
   border-width: 8px 8px 8px 0;
   border-right-color: currentColor;
   border-right-color: initial;
+  -webkit-transform-origin: center right;
   transform-origin: center right;
 }
 .tippy-box[data-inertia][data-state=visible] {
@@ -88,15 +101,19 @@
   opacity: 0;
 }
 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
+  -webkit-transform: translateY(10px);
   transform: translateY(10px);
 }
 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
+  -webkit-transform: translateY(-10px);
   transform: translateY(-10px);
 }
 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
+  -webkit-transform: translateX(10px);
   transform: translateX(10px);
 }
 .tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
+  -webkit-transform: translateX(-10px);
   transform: translateX(-10px);
 }
 
@@ -104,13 +121,18 @@
 .cm_container {
   position: absolute;
   opacity: 0;
+  -webkit-transform: scale(0);
   transform: scale(0);
+  transition: -webkit-transform 0.1s;
   transition: transform 0.1s;
+  transition: transform 0.1s, -webkit-transform 0.1s;
+  -webkit-transform-origin: top left;
   transform-origin: top left;
   padding: 0;
 }
 .cm_container.display {
   opacity: 1;
+  -webkit-transform: scale(1);
   transform: scale(1);
 }
 .cm_container,
@@ -155,6 +177,7 @@
   position: absolute;
   top: 50%;
   right: 0.5em;
+  -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 .cm_container li > ul {
@@ -215,6 +238,7 @@
   padding: 0px 5px;
 }
 .tippy-box[data-theme~=bvplayer][data-placement^=right] .tippy-arrow::before {
+  -webkit-transform: translateY(-2px) scale(0.65);
   transform: translateY(-2px) scale(0.65);
   border-right-color: #2e3e4e;
 }
@@ -303,6 +327,7 @@
   overflow: hidden;
   visibility: hidden;
   opacity: 0;
+  -webkit-transform: scale(0);
   transform: scale(0);
   will-change: transform, opacity;
   transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
@@ -311,6 +336,7 @@
 .bvplayer-modal.bvplayer-common-is-visible {
   visibility: visible;
   opacity: 1;
+  -webkit-transform: scale(1);
   transform: scale(1);
   transition: all 0.2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
 }
@@ -318,9 +344,11 @@
   top: 50%;
   left: 50%;
   margin: auto;
+  -webkit-transform: translate(-50%, -50%) scale(0);
   transform: translate(-50%, -50%) scale(0);
 }
 .bvplayer-modal--center.bvplayer-common-is-visible {
+  -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
 .bvplayer-modal_title-bar {
@@ -510,6 +538,7 @@
   pointer-events: none;
   visibility: hidden;
   opacity: 0;
+  -webkit-transform: translateY(100%);
   transform: translateY(100%);
   will-change:
     visibility,
@@ -520,6 +549,7 @@
 .bvplayer-controller.bvplayer-common-is-visible {
   visibility: visible;
   opacity: 1;
+  -webkit-transform: translateY(0);
   transform: translateY(0);
 }
 .bvplayer-controller_mask {
@@ -587,6 +617,7 @@
 }
 .bvplayer-controller_volume--active .bvplayer-slider_thumb,
 .bvplayer-controller_volume:hover .bvplayer-slider_thumb {
+  -webkit-transform: scale(1) !important;
   transform: scale(1) !important;
 }
 .bvplayer-controller_volume--active .bvplayer-slider_suffix,
@@ -601,6 +632,7 @@
   width: 0;
 }
 .bvplayer-controller_volume .bvplayer-slider_thumb {
+  -webkit-transform: scale(0);
   transform: scale(0);
 }
 .bvplayer-controller_volume .bvplayer-slider_suffix {
@@ -620,6 +652,7 @@
 }
 .bvplayer-ptz.bvplayer-common-is-visible .bvplayer-ptz_control {
   opacity: 1;
+  -webkit-transform: translate(-50%, 0);
   transform: translate(-50%, 0);
 }
 .bvplayer-ptz-control-button {
@@ -634,10 +667,12 @@
   overflow: hidden;
   color: rgba(255, 255, 255, 0.8);
   opacity: 1;
+  -webkit-transform: scale(1);
   transform: scale(1);
   transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
 }
 .bvplayer-ptz-control-button--press {
+  -webkit-transform: scale(0.9);
   transform: scale(0.9);
   opacity: 0.8;
 }
@@ -663,6 +698,7 @@
   left: 0;
   width: 100%;
   border-bottom: 1px solid rgba(255, 255, 255, 0.45);
+  -webkit-transform: scaleX(0.3);
   transform: scaleX(0.3);
 }
 .bvplayer-ptz-speed-slider_header::after,
@@ -705,6 +741,7 @@
   position: absolute;
   top: 0;
   left: 50%;
+  -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
   display: flex;
   padding: 4px 5px;
@@ -728,6 +765,7 @@
   position: absolute;
   left: 50%;
   bottom: 40px;
+  -webkit-transform: translate(-50%, calc(100% + 40px));
   transform: translate(-50%, calc(100% + 40px));
   will-change: transform opacity;
   transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
@@ -834,9 +872,12 @@
   font-size: 16px;
   padding: 0;
   will-change: transform;
+  transition: -webkit-transform 0.3s;
   transition: transform 0.3s;
+  transition: transform 0.3s, -webkit-transform 0.3s;
 }
 .bvplayer-ptz_control_close-button:hover {
+  -webkit-transform: scale(1.1);
   transform: scale(1.1);
 }
 .bvplayer-player {
@@ -1054,12 +1095,18 @@
   border: 1px solid #6e98ec;
   border-radius: 5px;
 }
+.bvplayer-markerhandle .input-handle-marker .input::-webkit-input-placeholder {
+  color: #dddddd;
+}
 .bvplayer-markerhandle .input-handle-marker .input::-moz-placeholder {
   color: #dddddd;
 }
 .bvplayer-markerhandle .input-handle-marker .input:-ms-input-placeholder {
   color: #dddddd;
 }
+.bvplayer-markerhandle .input-handle-marker .input::-ms-input-placeholder {
+  color: #dddddd;
+}
 .bvplayer-markerhandle .input-handle-marker .input::placeholder {
   color: #dddddd;
 }