Refactoring and bug fixing

demo/src/js/main.js

@@ -8,7 +8,7 @@
 
 // General functions
 ;(function() {
-    document.body.addEventListener('ready', function(event) { console.log(event); });
+    //document.body.addEventListener('ready', function(event) { console.log(event); });
     
     // Setup the player
     var instances = plyr.setup({
@@ -25,7 +25,7 @@
     plyr.loadSprite('dist/demo.svg');
 
     // Plyr returns an array regardless
-    var player = instances[0].plyr;
+    var player = instances[0];
 
     // Setup type toggle
     var buttons = document.querySelectorAll('[data-source]'),

demo/src/less/components/base.less

@@ -39,9 +39,10 @@ header {
 
 // Sections
 section {
-    padding-bottom: @padding-base;
+    max-width: @example-width-video;
+    margin: 0 auto @padding-base;
 
     @media (min-width: @screen-sm) {
-        padding-bottom: (@padding-base * 2);
+        margin-bottom: (@padding-base * 2);
     }
 }

demo/src/less/components/examples.less

@@ -2,11 +2,6 @@
 // Examples
 // ==========================================================================
 
-section {
-    margin: 0 auto @padding-base;
-    max-width: @example-width-video;
-}
-
 // For non supported browsers
 video {
     max-width: 100%;