@viewlift/player-backup 1.0.178-backup → 1.0.179-backup

package/cjs/bundle.css

@@ -1,6 +1,9 @@
 
 
 
+
+
+
 .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
     height: 0.7em;
     position: absolute;
@@ -105,6 +108,7 @@
     width: min-content !important;
     min-width: 1.5em;
     padding: 0 !important;
+    user-select: none;
 }
 
 .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
@@ -141,9 +145,6 @@
   }
   }
   
-
-
-
 /* CSS for videojs-dvr-seekbar */
 
 .video-js.vjs-dvr-seekbar {
@@ -290,10 +291,13 @@
   display: none;
 }
 
+.ssai-ad-container{
+    display: none;
+}
 .ssai-ad-container .ad-counter{
     position: absolute;
     top: 10px;
-    right: 2rem;
+    left: 10px;
     background: rgb(212, 169, 0);
     color: black;
     padding: 6px 10px;
@@ -303,12 +307,13 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    user-select: none;
 }
 
 .ssai-ad-container .ad-info-icon{
     position: absolute;
     top: 15px;
-    right: 10px;
+    left: 5.2rem;
     cursor: pointer;
 }
 
@@ -323,17 +328,25 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     max-width: 400px;
-    right: 1.5rem;
+    left: 6rem;
+    opacity: 0;
     visibility: hidden;
-    transition: right 400ms ease-out;
+    transition: opacity 0.5s ease;
     text-shadow: 0 0 4px rgba(0,0,0,.75);
 }
 
 .ssai-ad-container .ad-info-icon:hover + .ad-info-title{
     visibility: visible;
-    right: 6.3rem;
+    opacity: 1;
+    left: 6rem;
 } 
 
+@media (max-width:600px){
+    .ssai-ad-container .ad-info-title{
+        max-width: 190px;
+    }
+}
+
 
 .video-js .tvProviderImage {
     position: absolute;
@@ -505,38 +518,6 @@
         margin-left: 8px;
     }
 }
-/* a wrapper element that tracks the mouse vertically */
-.vjs-thumbnail-holder {
-  position: absolute;
-  left: -1000px;
-}
-
-/* the thumbnail image itself */
-.vjs-thumbnail {
-  position: absolute;
-  left: 0;
-  bottom: 1.3em;
-  opacity: 0;
-  transition: opacity .2s ease;
-  -webkit-transition: opacity .2s ease;
-  -moz-transition: opacity .2s ease;
-  -mz-transition: opacity .2s ease;
-}
-
-/* fade in the thumbnail when hovering over the progress bar */
-/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
-.vjs-progress-control:hover .vjs-thumbnail,
-.vjs-progress-control.fake-active .vjs-thumbnail,
-.vjs-progress-control:active .vjs-thumbnail {
-  opacity: 1;
-}
-
-/* ... but hide the thumbnail when hovering directly over it */
-.vjs-progress-control:hover .vjs-thumbnail:hover,
-.vjs-progress-control:active .vjs-thumbnail:active {
-  opacity: 0;
-}
-
 .video-js.vjs-quality-menu {
     display: block;
 }
@@ -607,6 +588,38 @@
     -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
     animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
 }
+/* a wrapper element that tracks the mouse vertically */
+.vjs-thumbnail-holder {
+  position: absolute;
+  left: -1000px;
+}
+
+/* the thumbnail image itself */
+.vjs-thumbnail {
+  position: absolute;
+  left: 0;
+  bottom: 1.3em;
+  opacity: 0;
+  transition: opacity .2s ease;
+  -webkit-transition: opacity .2s ease;
+  -moz-transition: opacity .2s ease;
+  -mz-transition: opacity .2s ease;
+}
+
+/* fade in the thumbnail when hovering over the progress bar */
+/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
+.vjs-progress-control:hover .vjs-thumbnail,
+.vjs-progress-control.fake-active .vjs-thumbnail,
+.vjs-progress-control:active .vjs-thumbnail {
+  opacity: 1;
+}
+
+/* ... but hide the thumbnail when hovering directly over it */
+.vjs-progress-control:hover .vjs-thumbnail:hover,
+.vjs-progress-control:active .vjs-thumbnail:active {
+  opacity: 0;
+}
+
 .vjs-poster {
   display: inline-block;
   vertical-align: middle;

package/esm/bundle.css

@@ -1,6 +1,9 @@
 
 
 
+
+
+
 .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
     height: 0.7em;
     position: absolute;
@@ -105,6 +108,7 @@
     width: min-content !important;
     min-width: 1.5em;
     padding: 0 !important;
+    user-select: none;
 }
 
 .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
@@ -141,9 +145,6 @@
   }
   }
   
-
-
-
 /* CSS for videojs-dvr-seekbar */
 
 .video-js.vjs-dvr-seekbar {
@@ -290,10 +291,13 @@
   display: none;
 }
 
+.ssai-ad-container{
+    display: none;
+}
 .ssai-ad-container .ad-counter{
     position: absolute;
     top: 10px;
-    right: 2rem;
+    left: 10px;
     background: rgb(212, 169, 0);
     color: black;
     padding: 6px 10px;
@@ -303,12 +307,13 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    user-select: none;
 }
 
 .ssai-ad-container .ad-info-icon{
     position: absolute;
     top: 15px;
-    right: 10px;
+    left: 5.2rem;
     cursor: pointer;
 }
 
@@ -323,17 +328,25 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     max-width: 400px;
-    right: 1.5rem;
+    left: 6rem;
+    opacity: 0;
     visibility: hidden;
-    transition: right 400ms ease-out;
+    transition: opacity 0.5s ease;
     text-shadow: 0 0 4px rgba(0,0,0,.75);
 }
 
 .ssai-ad-container .ad-info-icon:hover + .ad-info-title{
     visibility: visible;
-    right: 6.3rem;
+    opacity: 1;
+    left: 6rem;
 } 
 
+@media (max-width:600px){
+    .ssai-ad-container .ad-info-title{
+        max-width: 190px;
+    }
+}
+
 
 .video-js .tvProviderImage {
     position: absolute;
@@ -505,38 +518,6 @@
         margin-left: 8px;
     }
 }
-/* a wrapper element that tracks the mouse vertically */
-.vjs-thumbnail-holder {
-  position: absolute;
-  left: -1000px;
-}
-
-/* the thumbnail image itself */
-.vjs-thumbnail {
-  position: absolute;
-  left: 0;
-  bottom: 1.3em;
-  opacity: 0;
-  transition: opacity .2s ease;
-  -webkit-transition: opacity .2s ease;
-  -moz-transition: opacity .2s ease;
-  -mz-transition: opacity .2s ease;
-}
-
-/* fade in the thumbnail when hovering over the progress bar */
-/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
-.vjs-progress-control:hover .vjs-thumbnail,
-.vjs-progress-control.fake-active .vjs-thumbnail,
-.vjs-progress-control:active .vjs-thumbnail {
-  opacity: 1;
-}
-
-/* ... but hide the thumbnail when hovering directly over it */
-.vjs-progress-control:hover .vjs-thumbnail:hover,
-.vjs-progress-control:active .vjs-thumbnail:active {
-  opacity: 0;
-}
-
 .video-js.vjs-quality-menu {
     display: block;
 }
@@ -607,6 +588,38 @@
     -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
     animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
 }
+/* a wrapper element that tracks the mouse vertically */
+.vjs-thumbnail-holder {
+  position: absolute;
+  left: -1000px;
+}
+
+/* the thumbnail image itself */
+.vjs-thumbnail {
+  position: absolute;
+  left: 0;
+  bottom: 1.3em;
+  opacity: 0;
+  transition: opacity .2s ease;
+  -webkit-transition: opacity .2s ease;
+  -moz-transition: opacity .2s ease;
+  -mz-transition: opacity .2s ease;
+}
+
+/* fade in the thumbnail when hovering over the progress bar */
+/* .fake-active is needed for Android only. It's removed on touchend/touchecancel */
+.vjs-progress-control:hover .vjs-thumbnail,
+.vjs-progress-control.fake-active .vjs-thumbnail,
+.vjs-progress-control:active .vjs-thumbnail {
+  opacity: 1;
+}
+
+/* ... but hide the thumbnail when hovering directly over it */
+.vjs-progress-control:hover .vjs-thumbnail:hover,
+.vjs-progress-control:active .vjs-thumbnail:active {
+  opacity: 0;
+}
+
 .vjs-poster {
   display: inline-block;
   vertical-align: middle;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@viewlift/player-backup",
-    "version": "1.0.178-backup",
+    "version": "1.0.179-backup",
     "main": "dist/bundle.cjs.js",
     "amdName": "_playerCore",
     "dependencies": {