2019-02-11 18:46:25 +01:00
|
|
|
<script>
|
|
|
|
window.addEventListener('load', () => {
|
2019-02-12 01:30:55 +01:00
|
|
|
var video = document.querySelector('#video-player');
|
|
|
|
video.addEventListener('loadedmetadata', () => {
|
|
|
|
video.play();
|
2019-02-11 18:46:25 +01:00
|
|
|
});
|
2019-02-12 01:30:55 +01:00
|
|
|
|
|
|
|
var tracks = video.textTracks;
|
|
|
|
if (tracks.length) {
|
|
|
|
tracks[0].mode = 'showing';
|
|
|
|
}
|
2019-02-11 18:46:25 +01:00
|
|
|
}, false);
|
|
|
|
</script>
|
|
|
|
|
2019-02-12 01:30:55 +01:00
|
|
|
<video id="video-player" controls autoplay preload="metadata" width="100%" height="100%">
|
2019-02-11 18:46:25 +01:00
|
|
|
<source src="{{ media_url }}" type="{{ media_type }}">
|
|
|
|
{% if subtitles_url %}
|
|
|
|
<track label="Subtitles" kind="subtitles" src="{{ subtitles_url }}" default>
|
|
|
|
{% endif %}
|
|
|
|
</video>
|
|
|
|
|