{{ block title }}
    Video Activity: Video
{{ endblock }}

{{ block content }}

    <video width="800" height="600" autoplay controls>
    <source src= "{{ static 'videoActivity/Blooming_Flowers_Timelapse.mp4' }}" type="video/mp4">
    Your browser does not support the video tag.
    </video> 

    {{ formfields }}
    <h1></h1>
    <p>The next button will appear after the video ends</p>

    <button class="btn btn-primary" style="display: none" id="next-button">Next</button>

    <script>
        setTimeout(function() {
            document.getElementById('next-button').style.display = 'block';
        }, 5 * 1000); //160 * 1000)
    </script>

    <script type="text/javascript">
        window.onbeforeunload = function() 
        {
            return "Dude, are you sure you want to leave? Think of the kittens!";
        }
    </script>


{{ endblock }}

{{ chat }}