{% load static %}
{% load i18n %}
<a class="video-close" href="#">{% trans 'Fermer<br>ce didacticiel' %}</a>
<div class="slideShowTitle">{% trans 'Tutoriel vidéo : Renkan' %}</div>
<video id="renkan_video" class="video-js vjs-default-skin"
        controls preload="auto" width="800" height="600"
        poster="{% static 'hdalab/img/renkan_tutorial_video_poster.png' %}"
        data-setup=''>
    {% if video_mp4 %}
    <source src="{{video_mp4}}" type="video/mp4" />
    {% endif %}
    {% if video_webm %}
    <source src="{{video_webm}}" type="video/webm" />
    {% endif %}
    {% if video_ogg %}
    <source src="{{video_ogg}}" type="video/ogg" />
    {% endif %}
    <p class="vjs-no-js">Pour pouvoir visionner cette vidéo, veuiller activer Javascript et éventuellement utiliser un navigateur web à jour votre navigateur afin d'un navigateur qui <a href="http://videojs.com/html5-video-support/" target="_blank">supporte les vidéo HTML5</a></p>
</video>