Je suis intéressé par la construction d'un lecteur vidéo personnalisé en HTML5. Je n'ai aucun problème à intégrer les médias vidéo html5 en utilisant le double format de Ogg et h.264. Mon problème principal est de référencer l'API pour l'élément tag vidéo. Quelles sont les propriétés et les auditeurs d'événements auxquels j'ai accès via javascript?Comment puis-je créer des contrôles vidéo HTML5 personnalisés?
Pour une interface de base, tout ce dont vous avez besoin est la pause de lecture et le volume.
HTMLVideoElement = document.getElementById("myvideo");
HTMLVideoElement.play();
HTMLVideoElement.pause();
HTMLVideoElement.volume = 1; /* values 0 to 1 */
Ce sont bien
duration = HTMLVideoElement.duration;
currentTime = HTMLVideoElement.currentTime;
Cela affichera la liste complète, mais aller au-delà du HTML5 API documenté avec prudence.
<video id="myvideo">
<source id="vidsource">
</video>
<script>
var HTMLVideoElement = document.getElementById("myvideo");
for (var key in HTMLVideoElement) {
document.write("<li>"+ key + ": " + HTMLVideoElement[key]);
}
</script>