diff --git a/templates/macros.html b/templates/macros.html index c829688b1207dd3aeec8918f8b59fa731124f792..e94bd240edc1d44efe3fc8815b56eb8c76fa842b 100644 --- a/templates/macros.html +++ b/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 %}