From 21c20614d56c307e31dd521c63c983026e83917f Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Sun, 15 Feb 2015 14:05:15 +1100
Subject: Feature detection for captions and fullscreen

---
 assets/less/simple-media.less | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

(limited to 'assets/less/simple-media.less')

diff --git a/assets/less/simple-media.less b/assets/less/simple-media.less
index 9fe52042..9219b331 100644
--- a/assets/less/simple-media.less
+++ b/assets/less/simple-media.less
@@ -127,7 +127,7 @@
 		text-align: center;
 		.font-smoothing();
 	}
-	&.captions &-captions {
+	&.captions-active &-captions {
 		display: block;
 	}
 
@@ -229,17 +229,18 @@
 			border: none;
 			background: @progress-bg;
 			cursor: pointer;
+			color: @progress-value-bg;
 
 			&::-webkit-progress-bar {
 				background: @progress-bg;
 			}
 
-			// The value
+			// Inherit from currentColor;
 			&::-webkit-progress-value {
-				background: @progress-value-bg;
+				background: currentColor;
 			}
 			&::-moz-progress-bar {
-				background: @progress-value-bg;
+				background: currentColor;
 			}
 		}
 	}
@@ -351,6 +352,20 @@
 			}
 		}
 	}
+
+	// Some options are hidden by default
+	[data-player='captions'],
+	[data-player='captions'] + label,
+	[data-player='fullscreen'],
+	[data-player='fullscreen'] + label {
+		display: none;
+	}
+	&.captions-enabled [data-player='captions'],
+	&.captions-enabled [data-player='captions'] + label,
+	&.fullscreen-enabled [data-player='fullscreen'],
+	&.fullscreen-enabled [data-player='fullscreen'] + label {
+		display: inline-block;
+	}
 }
 
 // Fixing display for IE10+
-- 
cgit v1.2.3