comparison johndyer-mediaelement-13fa20a/src/js/mep-feature-playpause.js @ 0:032bc65ebafc

added core components

+(function($) {
+	// PLAY/pause BUTTON
+	MediaElementPlayer.prototype.buildplaypause = function(player, controls, layers, media) {
+		var play = 
+			$('<div class="mejs-button mejs-playpause-button mejs-play" type="button">' +
+				'<button type="button"></button>' +
+			'</div>')
+			.appendTo(controls)
+			.click(function(e) {
+				e.preventDefault();
+			
+				if (media.paused) {
+					media.play();
+				} else {
+					media.pause();
+				}
+				
+				return false;
+			});
+
+		media.addEventListener('play',function() {
+			play.removeClass('mejs-play').addClass('mejs-pause');
+		}, false);
+		media.addEventListener('playing',function() {
+			play.removeClass('mejs-play').addClass('mejs-pause');
+		}, false);
+
+
+		media.addEventListener('pause',function() {
+			play.removeClass('mejs-pause').addClass('mejs-play');
+		}, false);
+		media.addEventListener('paused',function() {
+			play.removeClass('mejs-pause').addClass('mejs-play');
+		}, false);
+	}
+	
+})(mejs.$);