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 video
}

function pause() {
    // Met la video en pause
}

function stop() {
    // Arrete la video
}

function avancer(duree) {
    // Avance de 'duree' secondes
}

function reculer(duree) {
    // Recule de 'duree' secondes
}

function creerBoutons() {
    // Créé les boutons de gestion du lecteur
}