Merge branch 'beta-with-ads' of github.com:sampotts/plyr into beta-with-ads

# Conflicts:
#	src/js/plugins/ads.js

1 files changed, 16 insertions, 1 deletions

diff --git a/src/sass/plugins/ads.scss b/src/sass/plugins/ads.scss
index 41d4d8d1..4bff7a20 100644
--- a/src/sass/plugins/ads.scss
+++ b/src/sass/plugins/ads.scss
@@ -3,15 +3,30 @@
 // ==========================================================================
 
 .plyr__ads {
+    display: none; // Hide initially.
     bottom: 0;
     cursor: pointer;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
-    z-index: 10;
+    z-index: 3; // Above the controls.
 
     video {
         left: 0;
     }
 }
+
+// Advertisement cue's for the progress bar.
+.plyr__cues {
+    display: block;
+    position: absolute;
+    z-index: 3; // Between progress and thumb.
+    top: 50%;
+    left: 0;
+    margin: -($plyr-range-track-height / 2) 0 0;
+    width: 3px;
+    height: $plyr-range-track-height;
+    background: currentColor;
+    opacity: 0.8;
+}