diff -r da3c6ba8a80b -r 523ca6e73353 cms/app-client/app/components/player-component.js
--- a/cms/app-client/app/components/player-component.js	Sun Jul 17 14:41:03 2016 +0200
+++ b/cms/app-client/app/components/player-component.js	Sun Jul 17 22:17:24 2016 +0200
@@ -2,6 +2,9 @@
 
 export default Ember.Component.extend({
     classNames: ['player-component'],
+    classNameBindings: ['video:video', 'reduce:reduce'],
+    videoBinding: 'player.model.video',
+    reduceBinding: 'player.reduce',
 
     player: Ember.inject.service(),
     popcorn: null,
@@ -26,7 +29,7 @@
         }
     }),
 
-    itemLoaded: Ember.observer('player.model.mediaList', function() {
+    itemLoaded: Ember.observer('player.model.media', function() {
         this.get('popcorn').load();
     }),