WIP

docs/index.html

@@ -121,7 +121,10 @@
         <!-- Docs script -->
         <script src="dist/docs.js"></script>
 
-        <!-- Shr core script -->
+        <!-- Rangetouch to fix <input type="range"> on touch devices (see https://rangetouch.com) -->
+        <script src="https://cdn.rangetouch.com/0.0.9/rangetouch.js"></script>
+
+        <!-- Sharing libary (https://shr.one) -->
         <script src="https://cdn.shr.one/0.1.9/shr.js"></script>
         <script>if(window.shr) { window.shr.setup({ count: { classname: 'btn__count' } }); }</script>
     </body>

docs/src/less/components/examples.less

@@ -12,44 +12,14 @@ video,
     max-width: 100%;
     vertical-align: middle;
 }
-.plyr__video-embed {
-    -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
-}
 
 // Example players
 .plyr {
     margin: 0 auto;
     border-radius: @border-radius-base;
-
-    &--fullscreen,
-    &--fullscreen-active {
-        max-width: none;
-
-        .plyr-controls,
-        video,
-        iframe {
-            border-radius: 0;
-        }
-        iframe {
-            -webkit-mask-image: none;
-        }
-    }
 }
 .plyr--audio {
     max-width: @example-width-audio;
-
-    /*.plyr__controls {
-        border-radius: @border-radius-base;
-    }
-    .plyr__progress {
-        border-radius: @border-radius-base @border-radius-base 0 0;
-
-        progress,
-        [type='range'] {
-            border-radius: @border-radius-base @border-radius-base 0 0;
-            overflow: hidden;
-        }
-    }*/
 }
 
 // Style full supported player
@@ -62,7 +32,7 @@ video,
     }
 }
 
-.plyr--video ~ ul .plyr__cite--video,
+.plyr--video:not(.plyr--youtube):not(.plyr--vimeo) ~ ul .plyr__cite--video,
 .plyr--audio ~ ul .plyr__cite--audio,
 .plyr--youtube ~ ul .plyr__cite--youtube,
 .plyr--vimeo ~ ul .plyr__cite--vimeo {