{% load teleforma_tags %}
{% load i18n %}
+{% block extra_stylesheets %}
+<link href="{{STATIC_URL}}teleforma/video-js/video-js.css" rel="stylesheet">
+{% endblock %}
+
{% block extra_javascript %}
<script type="text/javascript">
for (var i = 0; i < periods.length; i++) {
options += '<option value="' + parseInt(periods[i].id) + '">' + periods[i].name + '</option>';
}
- id="my_video_1" class="video-js vjs-default-skin" $("#id_period").html(options);
- $("#id_period option:first").attr('selected', 'selected');
- $("#id_period").attr('disabled', false);
- }
+ $("#id_period").html(options);
+ $("#id_period option:first").attr('selected', 'selected');
+ $("#id_period").attr('disabled', false);
+ }
var update_professors = function(data){
var professors = data.result;
});
</script>
+<script src="{{STATIC_URL}}teleforma/video-js/video.js"></script>
+
{% endblock extra_javascript %}
{% block modules %}
<div class="media">
{% block video %}
<div class="video">
- <link href="{{STATIC_URL}}teleforma/video-js/video-js.css" rel="stylesheet">
- <link href="{{STATIC_URL}}teleforma/video-js/fantasy/index.css" rel="stylesheet">
- <video
- id="video"
- class="video-js vjs-theme-fantasy"
- controls
- preload="auto"
- width="100%"
- height="auto"
- data-setup="{}"
- autoplay>
-
- <source src="/stream/monitor.webm?v={% random_hash %}" type="video/webm">
- <p class="vjs-no-js">
- To view this video please enable JavaScript, and consider upgrading to a
- web browser that
- <a href="https://videojs.com/html5-video-support/" target="_blank"
- >supports HTML5 video</a
- >
- </p>
- <script src="{{STATIC_URL}}teleforma/video-js/video.js"></script>
+ <video id="my_video_1" class="video-js vjs-default-skin" controls autoplay preload="auto" width="100%">
+ <source src="/stream/monitor.webm?v={% random_hash %}" type="video/webm">
</video>
</div>
-
-
{% endblock video %}
</div>