diff --git a/content/static/script/play-resources.js b/content/static/script/play-resources.js
index 68bda3af6..86f5eb37c 100644
--- a/content/static/script/play-resources.js
+++ b/content/static/script/play-resources.js
@@ -55,6 +55,13 @@ function addButton(container, res) {
 	button.remove();
 
 	addPlayer(container, res);
+
+	var section = container.parents().
+	    filter(function() {
+		return $(this).hasClass('video-resource');
+	    })[0];
+	if (section)
+	    $(section).addClass("playing");
     });
     container.append(button);
 }
diff --git a/content/static/style/default.css b/content/static/style/default.css
index c55c6b38a..01d3499d0 100644
--- a/content/static/style/default.css
+++ b/content/static/style/default.css
@@ -688,6 +688,9 @@ li audio, li video, li .poster {
     display: inline-block;
     text-align: center;
 }
+.video-resource.playing {
+    width: auto;
+}
 .video-resource h4 {
     line-height: 1em;
     height: 2em;