onseeking = function(){
('seeking... ');
seekingNum++;
nerHTML = seekingNum;};
seeked Lorsque l'utilisateur de la barre de progression vidéo et l'événement sera déclenché lorsque l'opération est terminée var seekedNum = 0;
VideoNode. onseeked = function(){
('seeked... ');
seekedNum++;
nerHTML = seekedNum;};
timeupdate surveiller l'état de lecture vidéo dEventListener('timeupdate', function(){
// Durée totale en minutes: secondes afficher sous forme
let allTime = parseInt(VideoNode. duration/60)+':'+parseInt(VideoNode. Personnaliser lecteur video html5 code. duration%60);
// heure en minutes: secondes d'affichage sous forme
let nowTime = parseInt(rrentTime/60)+':'+parseInt(rrentTime%60);
nerHTML = nowTime+'/'+allTime;})
Préparation de l'information vidéo readyState (adyState);
setTimeout(function(){
(adyState);}, 500);
playbackRate vue ou ensemble d'une vitesse de lecture vidéo (aybackRate)
vitesse réglée Rate //réglage de la vitesse Rate 0, 5
ildren[0]. onclick = function(){
aybackRate = 0. 5;};
//réglage de la vitesse Rate 1
ildren[1].
Vous devriez utiliser l'attribut poster pour s'assurer que l'internaute ne tombe pas sur une page blanche. Controls
En ajoutant cet attribut, vous pourrez fournir vous même les boutons de commande (Jouer, Pause, etc. ) pour votre vidéo. Par exemple, Safari possède des boutons de base très bien, mais vous pourrez créer les vôtres pour personnaliser votre site Web. Sous-titres
Il n'y a malheureusement pas encore d'attributs pour les sous-titres. Il y a beaucoup de discussions à ce sujet dans le groupe HTML 5. Personnaliser lecteur video html5 et. Il existe un moyen d'ajouter des sous-titres avec du javascript. Idéalement, nous ne devrions pas avoir besoin de script pour y arriver. Problématiques
Codecs
Je ne suis pas un expert en codecs vidéo et audio, mais il subsiste encore quelques problèmes à ce sujet. Internet Explorer
Internet Explorer ne supporte pas présentement la balise