Pārlūkot izejas kodu

hide controller if mouse stops for 3 seconds

DIYgod 9 gadi atpakaļ
vecāks
revīzija
f32b5c1c7b
6 mainītis faili ar 12 papildinājumiem un 4 dzēšanām
  1. 3 3
      demo/index.html
  2. 0 0
      dist/DPlayer.min.css
  3. 0 0
      dist/DPlayer.min.js
  4. 0 0
      dist/DPlayer.min.js.map
  5. 0 1
      src/DPlayer.js
  6. 9 0
      src/DPlayer.scss

+ 3 - 3
demo/index.html

@@ -59,10 +59,10 @@
     var dp = new DPlayer({
         element: document.getElementsByClassName('dplayer')[0],
         autoplay: false,
-        theme: '#FFD740',
+        theme: '#FADFA3',
         video: {
-            url: 'http://o6m1pq7od.bkt.clouddn.com/demo.mp4',
-            pic: 'http://o6m1pq7od.bkt.clouddn.com/poster.jpg'
+            url: 'http://o6m1pq7od.bkt.clouddn.com/禁绝的边境线.mp4',
+            pic: 'http://o6m1pq7od.bkt.clouddn.com/禁绝的边境线.jpg'
         }
     });
     dp.init();

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 0
dist/DPlayer.min.css


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 0
dist/DPlayer.min.js


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 0
dist/DPlayer.min.js.map


Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 0 - 1
src/DPlayer.js


+ 9 - 0
src/DPlayer.scss

@@ -25,6 +25,15 @@
         }
     }
 
+    &.dplayer-hide-controller {
+        .dplayer-controller-mask {
+            opacity: 0 !important;
+        }
+        .dplayer-controller {
+            opacity: 0 !important;
+        }
+    }
+
     .dplayer-video-wrap {
         background: #000;
         font-size: 0;

Daži faili netika attēloti, jo izmaiņu fails ir pārāk liels