summaryrefslogtreecommitdiff
path: root/stapp/templates/video/home.html
blob: 75ec5289d22962eeee05615bdade4cb2953c42f1 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
{% extends "base.html" %}

<!DOCTYPE html>
{% block title %} STProject {% endblock %}
    

{% block script %}
<script>
function myfunction(video,image)
{
        //document.getElementById('videoname').innerHTML= videoname;
        //alert(v);
        document.getElementById('mainvideo').poster = image;
        document.getElementById('mainvideo').src = video;

        //document.getElementById('videodescription').innerHTML= " " + v;

}
</script>
{% endblock %}
{% block onload %}  {% endblock onload %}

{% block video %}   
    <video width="640" height="480" controls="controls" id="mainvideo" poster="{{play.image.url}}"          preload="none" src="{{play.filename.url}}">
    </video>

{% endblock%}

{% block video_description %}
    <h1 id="videoname">{{ play.name }}</h1>
    <p id="videodescription">{{ play.description }}</p>
 {% endblock %}

{% block module_list %}
    {% for module in modules %}
        <div class="module-list"><h2>{{module.name}}</h2>
        <h5>{{module.description}}</h5>
        {% for video in module.video_list.all %}
        <a href=javascript:myfunction("{{video.filename.url}}","{{video.image.url}}");javascript:document.getElementById('videoname').innerHTML={{video.name}}; >{{video.name}}</a>
   <br />
        {% endfor %}</div>
{% endfor %}
{% endblock %}