Edit in JSFiddle

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);
    btnReculer.addEventListener("click", function(){reculer(10)}, false);
    btnAvancer.addEventListener("click", function(){avancer(10)}, false);
    
    /****** TP : Niveau 1 *******/
    
    // On cree l'input checkbox
    var cbRepeter = document.createElement("input");
    cbRepeter.type = "checkbox";
    cbRepeter.id = "cbRepeter";
    // On cree le label qui ira avec
    var lblRepeter = document.createElement("label");
    lblRepeter.textContent = "Repeter";
    lblRepeter.htmlFor = cbRepeter.id;
    // On les lies a l'interface
    controlesBox.appendChild(cbRepeter);
    controlesBox.appendChild(lblRepeter);
    // On ajoute le listener
    cbRepeter.addEventListener("change", function(){repeter(cbRepeter.checked)}, false);
    //---------------------------
    // On cree un input et deux boutons pour avancer de xx secondes
    var btnReculerDe = document.createElement("button");
    var btnAvancerDe = document.createElement("button");
    var numInterval = document.createElement("input");
    btnReculerDe.textContent = "<<";
    btnAvancerDe.textContent = ">>";
    numInterval.type = "number";
    numInterval.min = 0;
    numInterval.max = 999; //Au dela c'est farfelu
    numInterval.value = 5;
    btnReculerDe.addEventListener("click", function(){reculer(numInterval.value)}, false);
    btnAvancerDe.addEventListener("click", function(){avancer(numInterval.value)}, false);
    controlesBox.appendChild(btnReculerDe);
    controlesBox.appendChild(numInterval);
    controlesBox.appendChild(btnAvancerDe);
    /****************************/
    
    // On affiche les nouveaux boutons et supprime l'interface original
    controlesBox.removeAttribute("hidden");
    lecteur.removeAttribute("controls");
}

// Créé les boutons lorsque le DOM est chargé
document.addEventListener('DOMContentLoaded', creerBoutons, false);
<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>