Name updated

assets/js/docs.js

@@ -2,10 +2,10 @@
 // Docs example
 // ==========================================================================
 
-/*global simpleMedia, templates */
+/*global plyr, templates */
 
 // Setup the player
-simpleMedia.setup({
+plyr.setup({
 	debug: 	true,
 	title: 	"Video demo",
 	html: 	templates.controls.render({})

assets/js/plyr.js

@@ -1,7 +1,7 @@
 // ==========================================================================
-// Simple Media Player
+// Plyr
-// simple-media.js v1.0.0
+// plyr.js v1.0.0
-// https://github.com/sampotts/simple-media
+// https://github.com/sampotts/plyr
 // ==========================================================================
 // Credits: http://paypal.github.io/accessible-html5-video-player/
 // ==========================================================================
@@ -14,9 +14,6 @@
 	// Globals
 	var fullscreen, config;
 
-	// Handler cache
-	var handlers = {};
-
 	// Default config
 	var defaults = {
 		enabled: 				true, // /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)
@@ -291,7 +288,7 @@
 	}
 
 	// Player instance
-	function Player(container) {
+	function Plyr(container) {
 		var player = this;
 		player.container = container;
 
@@ -946,11 +943,8 @@
 			// Get the current element
 			var element = elements[i];
 			
-			// Setup a player instance
+			// Setup a player instance and add to the element
-			var player = new Player(element);
+			element.plyr = new Plyr(element);
-
-			// Add the player object to the element
-			element.player = player;
 		}
 	}
-}(this.simpleMedia = this.simpleMedia || {}));
+}(this.plyr = this.plyr || {}));

bower.json

@@ -1,7 +1,7 @@
 {
-  "name": "simple-media",
+  "name": "plyr",
   "description": "A simple HTML5 media player using custom controls",
-  "homepage": "https://github.com/sampotts/simple-media",
+  "homepage": "https://github.com/sampotts/plyr",
   "keywords": [
     "Audio",
     "Video",
@@ -13,8 +13,8 @@
   ],
   "dependencies": {},
   "main": [
-    "dist/css/simple-media.css",
+    "dist/css/plyr.css",
-    "dist/js/simple-media.js"
+    "dist/js/plyr.js"
   ],
   "ignore": [
     "node_modules",
@@ -23,7 +23,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git://github.com/sampotts/simple-media.git"
+    "url": "git://github.com/sampotts/plyr.git"
   },
   "license": "MIT"
 }

bundles.json

@@ -1,11 +1,11 @@
 {
 	"less": {
-		"simple-media.css": 	["assets/less/simple-media.less"],
+		"plyr.css": 	["assets/less/plyr.less"],
-		"docs.css": 			["assets/less/docs.less"]
+		"docs.css": 	["assets/less/docs.less"]
 	},
 	"js": {
-		"simple-media.js": 	["assets/js/simple-media.js"],
+		"plyr.js": 		["assets/js/plyr.js"],
-		"docs.js": 				[
+		"docs.js": 		[
 			"assets/js/lib/hogan-3.0.2.mustache.js",
 			"dist/js/templates.js",
 			"assets/js/docs.js"

dist/css/simple-player.css

@@ -1 +0,0 @@
-.player,.player *,.player ::after,.player ::before{box-sizing:border-box}.sr-only{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}.hide{display:none}.show-inline{display:inline-block}.player{position:relative;max-width:100%;overflow:hidden}.player video{width:100%;height:auto;vertical-align:middle}.player svg{width:18px;height:18px}.player .controls{zoom:1;position:absolute;bottom:0;left:0;right:0;padding:10px 5px;background:rgba(0,0,0,.75);transition:-webkit-transform .3s ease;transition:transform .3s ease;line-height:1}.player .controls:after,.player .controls:before{content:"";display:table}.player .controls:after{clear:both}.player .controls button{border:0;background:0 0;overflow:hidden}.player .controls button,.player .controls label{display:inline-block;vertical-align:middle;margin:0 2px;padding:5px 10px;color:#ddd;transition:background .3s ease;border-radius:3px}.player .controls button svg,.player .controls label svg{display:block;fill:currentColor;transition:fill .3s ease}.player .controls button:focus,.player .controls label:focus{background:#000;outline:0}.player .controls button:hover,.player .controls label:hover{background:#3498db}.player .controls button:focus svg,.player .controls button:hover svg,.player .controls label:focus svg,.player .controls label:hover svg{fill:#fff}.player .controls .px-video-time{display:inline-block;vertical-align:middle;padding-top:3px;margin-left:10px;color:#fff;font-weight:600;font-size:14px;-webkit-font-smoothing:antialiased}.player progress{position:absolute;top:-10px;left:0;right:0;width:100%;height:10px;margin:0;vertical-align:top}.player progress[value]{-webkit-appearance:none;border:none}.player progress[value]::-webkit-progress-bar{background-color:#eee}.player progress[value]::-webkit-progress-value{background-color:#3498db}.player .play-controls{float:left}.player .sound-controls{float:right}.px-video-img-captions-container *{box-sizing:border-box}.px-video-img-captions-container{position:relative}.px-video-captions{position:absolute;top:0;left:0;width:100%;padding:.5em;min-height:2.5em;background-color:#000;color:#fff;font-size:1.1em;text-align:center;opacity:.75;-webkit-font-smoothing:antialiased;font-weight:500}.px-video-captions-btn-container label{display:inline-block;width:25px;height:20px;margin-left:25px;background:url(../images/px-video-sprite.png) -6px -835px no-repeat}.px-video-captions-btn-container input[type=checkbox]:hover+label{background-position:-6px -799px;cursor:pointer}.px-video-captions-btn-container input[type=checkbox]:focus+label{outline:#999 dotted 1px;background-position:-6px -799px}.px-video-captions-btn-container input[type=checkbox]:checked+label{background-position:-6px -871px}.px-video-mute-btn-container label{display:inline-block;width:25px;height:20px;margin-left:240px;margin-top:2px;background:url(../images/px-video-sprite.png) -6px -476px no-repeat}.px-video-mute-btn-container input[type=checkbox]:hover+label{background-position:-6px -440px;cursor:pointer}.px-video-mute-btn-container input[type=checkbox]:focus+label{outline:#999 dotted 1px;background-position:-6px -440px}.px-video-mute-btn-container input[type=checkbox]:checked+label{background-position:-6px -692px}.px-video-mute-btn-container input[type=checkbox]:checked:focus+label,.px-video-mute-btn-container input[type=checkbox]:checked:hover+label{background-position:-6px -656px}.px-video-controls input[type=range]{-webkit-appearance:none;height:6px;width:100px;margin-top:8px;background-color:#E6E6E6;outline:0}.px-video-controls input[type=range]:focus::-webkit-slider-thumb{outline:#999 dotted 1px}.px-video-controls input[type=range]::-moz-range-track{-moz-appearance:none;height:6px;background-color:#E6E6E6;border:none}.px-video-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;height:10px;width:6px;background-color:#666}.px-video-controls input[type=range]::-moz-range-thumb{height:12px;width:8px}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.px-video-controls input[type=range]{position:relative;padding:0;height:8px;top:-3px}.px-video-time{margin-top:4px}.px-video-captions{padding:8px;min-height:36px}}

docs/index.html

@@ -2,18 +2,18 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<title>Simple Media</title>
+		<title>Plyr - A simple HTML5 media player</title>
 		<meta name="description" content="Custom HTML5 video controls and WebVTT captions.">
 		<meta name="author" content="Sam Potts">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
 
 		<!-- Styles -->
-		<link rel="stylesheet" href="../dist/css/simple-media.css">
+		<link rel="stylesheet" href="../dist/css/plyr.css">
 		<link rel="stylesheet" href="../dist/css/docs.css">
 	</head>
 	<body>
 		<header>
-			<h1>Simple Media</h1>
+			<h1>Plyr</h1>
 			<p>A simple HTML5 media player</p>
 		</header>
 
@@ -59,7 +59,7 @@
 		<script>(function(d,p){var a=new XMLHttpRequest(),b=d.body; a.open("GET",p,!0);a.send();a.onload=function(){var c=d.createElement("div");c.style.display="none";c.innerHTML=a.responseText;b.insertBefore(c,b.childNodes[0])}})(document,"../dist/svg/sprite.svg");</script>
 
 		<!-- Core player -->
-		<script src="../dist/js/simple-media.js"></script>
+		<script src="../dist/js/plyr.js"></script>
 
 		<!-- Docs setup -->
 		<script src="../dist/js/docs.js"></script>

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "simple-media",
+  "name": "plyr",
   "version": "1.0.0",
   "description": "A simple HTML5 media player using custom controls",
   "main": "gulpfile.js",
@@ -27,7 +27,7 @@
   ],
   "repository": {
     "type": "git",
-    "url": "git://github.com/sampotts/simple-media.git"
+    "url": "git://github.com/sampotts/plyr.git"
   },
   "authors": [
     "Sam Potts <me@sampotts.me>"