{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Video Instructions
{% endblock %}

{% block content %}
<p>
    This video provides instructions of our study. Please listen to it carefully. You will be able to advance to the next page by clicking “Next” once you finish watching the video. A written version of these instructions is provided on the next page.
</p>
<video width="100%" controls autoplay>
  <source src="{{ video_url }}" type="video/mp4">
    Your browser does not support the video tag.
</video>

    {% next_button %}

{% endblock %}

{% block scripts %}
<script>
   $('.otree-btn-next').hide();// or fade, css display however you'd like.
setTimeout(function(){
   $('.otree-btn-next').show();// or fade, css display however you'd like.
}, {{ btn_timeout_seconds }});
</script>
{% endblock %}