diff --git a/server.py b/server.py
index c484a929120e0eb96555c3ff957b70c3d655f509..3ab0ec4bb055dc96d2fa0c0168058817c1c3c661 100755
--- a/server.py
+++ b/server.py
@@ -153,9 +153,11 @@ def faq():
 def play():
 	if 'lectureid' in request.args:
 		id = request.args['lectureid']
+		lecture=query('SELECT * FROM lectures WHERE id = ?', id)[0]
 		return render_template('play.html',
-				lecture=query('SELECT * FROM lectures WHERE id = ?', id)[0],
-				videos=query('SELECT * FROM videos WHERE lecture_id = ?', id))
+				lecture=lecture,
+				videos=query('SELECT * FROM videos WHERE lecture_id = ?', id),
+				course=query('SELECT * FROM courses WHERE id = ?',lecture['course_id'])[0])
 	else:
 		return redirect(url_for('index'))
 
diff --git a/templates/macros.html b/templates/macros.html
index 70dc81491844cc99eaa8b4df45e72030aa2165cb..8604656a3f3a399f509d47cd4143899188ba303a 100644
--- a/templates/macros.html
+++ b/templates/macros.html
@@ -88,6 +88,22 @@
 </li>
 {% endmacro %}
 
+{% macro video_download_btn(videos) %}
+<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Download <span class="caret"></span></button>
+<ul class="dropdown-menu">
+	{% for v in videos %}
+	<li><a href="https://video.fsmpi.rwth-aachen.de/{{v.path}}">{{v.format_description}} ({{v.file_size|filesizeformat(true)}})</a></li>
+	{% endfor %}
+</ul>
+<noscript>
+	<ul class="pull-right list-unstyled" style="margin-left:10px;">
+		{% for v in videos %}
+		<li><a href="https://video.fsmpi.rwth-aachen.de/{{v.path}}">{{v.format_description}} ({{v.file_size|filesizeformat(true)}})</a></li>
+		{% endfor %}
+	</ul>
+</noscript>
+{% endmacro %}
+
 {% macro lecture_list_item(lecture,videos) %}
 <li class="list-group-item">
 	<div class="row">
@@ -104,19 +120,7 @@
 		</span>
 		<span class="col-sm-3 col-xs-12">
 			<span class="dropdown pull-right">
-				<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Download <span class="caret"></span></button>
-				<ul class="dropdown-menu">
-					{% for v in videos %}
-					<li><a href="https://video.fsmpi.rwth-aachen.de/{{v.path}}">{{v.format_description}} ({{v.file_size|filesizeformat(true)}})</a></li>
-					{% endfor %}
-				</ul>
-				<noscript>
-					<ul class="pull-right list-unstyled" style="margin-left:10px;">
-						{% for v in videos %}
-						<li><a href="https://video.fsmpi.rwth-aachen.de/{{v.path}}">{{v.format_description}} ({{v.file_size|filesizeformat(true)}})</a></li>
-						{% endfor %}
-					</ul>
-				</noscript>
+				{{ video_download_btn(videos) }}
 			</span>
 			<a href="/play?lectureid={{lecture.id}}" class="pull-right">
 				<button class="btn btn-default" type="button">
diff --git a/templates/play.html b/templates/play.html
index 1cc1086d01bd907be76dd320c8e9c5126d209d8d..3b74c9c2b2e62616511793b8f2aa2c940f50bb8c 100644
--- a/templates/play.html
+++ b/templates/play.html
@@ -1,5 +1,15 @@
 {% from 'macros.html' import player %}
+{% set page_border = 0 -%}
+
 {% extends "base.html" %}
 {% block content %}
-{{ player(lecture, videos) }}
+<div class="panel panel-default">
+	<div class="panel-heading">
+		<h1 class="panel-title">{{ course.title }}: {{ lecture.title}}</h1>
+	</div>
+	<div class="row panel-body">
+		{{ player(lecture, videos) }}
+	</div>
+</div>
+
 {% endblock %}