diff -r 1c8883feeab0 -r aa101458cd4e cms/app-client/app/components/player-component.js
--- a/cms/app-client/app/components/player-component.js	Wed Jul 13 09:21:09 2016 +0200
+++ b/cms/app-client/app/components/player-component.js	Sat Jul 16 17:23:47 2016 +0200
@@ -21,6 +21,9 @@
         var index = items.indexOf(this.get('player').get('item'));
         this.set('isFirst', index === 0);
         this.set('isLast', index === items.length - 1);
+        if(this.get('player').get('playing')) {
+            this.play();
+        }
     }),
 
     itemLoaded: Ember.observer('player.model.mediaList', function() {
@@ -84,12 +87,14 @@
 
         backward: function() {
             var index = this.get('player').get('items').indexOf(this.get('player').get('item'));
-            console.log('backward', index);
+            var item = this.get('player').get('items')[index - 1];
+            this.get('player').set('item', item);
         },
 
         forward: function() {
             var index = this.get('player').get('items').indexOf(this.get('player').get('item'));
-            console.log('forward', index);
+            var item = this.get('player').get('items')[index + 1];
+            this.get('player').set('item', item);
         }
 
     }