Merge branch 'master' into 'master'

closes #190

videoplayback only starts if one opens tab in foreground and does not start again after stopping if switching to foreground

See merge request !6

templates/macros.html

@@ -45,7 +45,7 @@
 {% endmacro %}
 
 {% macro player(lecture, videos) %}
-<video id="videoplayer" style="width: 100%" class="video-js vjs-default-skin vjs-big-play-centered" width="640" height="320" controls  data-setup='{ "plugins" : {"hotkeys": {"seekStep": 15, "alwaysCaptureHotkeys": true}, "videoJsResolutionSwitcher": { "ui": true, "default": "720p", "dynamicLabel": true } }, "customControlsOnMobile": true, "playbackRates": [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 2.25, 2.5, 2.75, 3, 3.25, 3.5, 3.75, 4] }'>
+<video id="videoplayer" style="width: 100%" class="video-js vjs-default-skin vjs-big-play-centered" width="640" height="320" controls data-wasnotplayed="1"  data-setup='{ "plugins" : {"hotkeys": {"seekStep": 15, "alwaysCaptureHotkeys": true}, "videoJsResolutionSwitcher": { "ui": true, "default": "720p", "dynamicLabel": true } }, "customControlsOnMobile": true, "playbackRates": [0.5, 0.75, 1, 1.25, 1.5, 1.75, 2, 2.25, 2.5, 2.75, 3, 3.25, 3.5, 3.75, 4] }'>
 	{% for v in videos|sort(attribute='player_prio', reverse=True) %}
 		<source type="video/mp4" src="{{ config.VIDEOPREFIX }}/{{ v.path }}" label="{{ v.format_description }}"/>
 	{% endfor %}
@@ -54,6 +54,18 @@
 <script>
 $('#videoplayer').addClass("vjs-16-9");
 $('#videoplayer').css("width");
+$(function() {
+	var playerplay = function() {
+		if ($('#videoplayer').data("wasnotplayed") == 1) {
+			videojs('videoplayer').play();
+			$('#videoplayer').data("wasnotplayed","0");
+		}
+	};
+	$(window).focus(playerplay);
+	if (document.hasFocus()) {
+		playerplay();
+	}
+});
 </script>
 {% endmacro %}