JSFiddle - React, Tailwind, and code Playground

HTML

<video id="mavideo" controls>
	<source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
	<source src="http://clips.vorwaerts-gmbh.de/VfE.webm" type="video/webm">
	<source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg">
    
    <p class="alert">
        Votre navigateur ne supporte pas la balise vidéo ! Mettez-vous à jour !
    </p>
</video>
<div id="controles" hidden>
</div>

JavaScript

function lecture() {
    // Lit la vidéo
    lecteur.play();
}

function pause() {
    // Met la vidéo en pause
    lecteur.pause();
}

function stop() {
    // Arrête la vidéo
    // On met en pause
    lecteur.pause();
    // Et on se remet au départ
    lecteur.currentTime = 0;
}

function avancer(duree) {
    // Avance de 'duree' secondes
    // On parse en entier pour etre sur d'avoir un nombre
    lecteur.currentTime += parseInt(duree);
}

function reculer(duree) {
    // Recule de 'duree' secondes
    // On parse en entier pour etre sur d'avoir un nombre
    lecteur.currentTime -= parseInt(duree);
}

function repeter(etat) {
    console.log(etat);
    // Recule de 'duree' secondes
    if(etat)
        lecteur.setAttribute("loop", "");
    else
        lecteur.removeAttribute("loop");
}

var lecteur;

function creerBoutons() {
    // Créé les boutons de gestion du lecteur
    var btnLecture = document.createElement("button");
    var btnPause = document.createElement("button");
    var btnStop = document.createElement("button");
    var btnReculer = document.createElement("button");
    var btnAvancer = document.createElement("button");
    
    var controlesBox = document.getElementById("controles");
    lecteur = document.getElementById("mavideo");
    
    // Ajoute un peu de textes
    btnLecture.textContent = "Lecture";
    btnPause.textContent = "Pause";
    btnStop.textContent = "Stop";
    btnReculer.textContent = "- 10s";
    btnAvancer.textContent = "+ 10s";
    
    // On ajoute les boutons à l'interface
    controlesBox.appendChild(btnLecture);
    controlesBox.appendChild(btnPause);
    controlesBox.appendChild(btnStop);
    controlesBox.appendChild(btnReculer);
    controlesBox.appendChild(btnAvancer);
    
    // On lie les fonctions aux boutons
    btnLecture.addEventListener("click", lecture, false);
    btnPause.addEventListener("click", pause, false);
    btnStop.addEventListener("click", stop, false);
   ...