Clean up.

app/assets/javascripts/thyme/display_manager.js

@@ -7,10 +7,10 @@ class DisplayManager {
   constructor(elements, func) {
     /*
       elements = An array containing JQuery references on the HTML elements
-                   that should be hidden, when the display is too small.
+                 that should be hidden, when the display is too small.
 
           func = A reference on a function that is called when the display
-                   changes from small to large. Use this for player specific behaviour.
+                 changes from small to large. Use this for player specific behaviour.
      */
     this.elements = elements;
     this.func = func;

app/assets/javascripts/thyme_player.js

@@ -176,6 +176,8 @@ $(document).on('turbolinks:load', function() {
       annotationManager.updateMarkers();
     }
   };
+  window.onresize = resizeContainer;
+  video.onloadedmetadata = resizeContainer;
 
 
 
@@ -190,10 +192,9 @@ $(document).on('turbolinks:load', function() {
   /*
     MISC
    */
-  // auto show/hide control bar
   const controlBarHider = new ControlBarHider('video-controlBar', 3000);
   controlBarHider.install();
-
+  displayManager.updateControlBarType();
   thymeUtility.playOnClick();
   thymeUtility.setUpMaxTime('max-time');
 
@@ -211,15 +212,4 @@ $(document).on('turbolinks:load', function() {
     return;
   }
 
-  //setupHypervideo();
-
-  function updateControlBarType() {
-    displayManager.updateControlBarType();
-  };
-
-  updateControlBarType();
-
-  window.onresize = resizeContainer;
-  video.onloadedmetadata = resizeContainer;
-
 });