Fix for Bootstrap compatibility

Fixes #6

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "plyr",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "A simple HTML5 media player using custom controls",
   "homepage": "http://plyr.io",
   "keywords": [

changelog.md

@@ -1,5 +1,8 @@
 # Changelog
 
+## v1.0.14
+- Minor change for bootstrap compatibility
+
 ## v1.0.13
 - Minor tweaks
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "plyr",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "A simple HTML5 media player using custom controls",
   "homepage": "http://plyr.io",
   "main": "gulpfile.js",

src/js/plyr.js

@@ -1,6 +1,6 @@
 // ==========================================================================
 // Plyr
-// plyr.js v1.0.13
+// plyr.js v1.0.14
 // https://github.com/sampotts/plyr
 // ==========================================================================
 // Credits: http://paypal.github.io/accessible-html5-video-player/

src/less/plyr.less

@@ -306,7 +306,9 @@
 
 	// Volume control
 	// <input[type='range']> element
-	&-volume {
+	// Specificty is for bootstrap compatibility
+	&-volume[type=range] {
+		display: inline-block;
 		vertical-align: middle;
 		-webkit-appearance: none;
 		-moz-appearance: none;