HTML5 durée de la Vidéo sans la lecture de la vidéo

J'essaie d'obtenir la durée de la vidéo en HTML5 avec la lecture de vidéo ou avant la lecture de la vidéo à afficher sur la vidéo de pouce comme vous l'avez vu sur you tube ou autres sites de vidéo.

Toute aide sera apprécier vraiment.

Merci d'Avance.

Je pense qu'il n'est pas toujours possible sans démarrer le film. Je soupçonne aussi si youtube est-il alors qu'ils pré-traiter le film sur le serveur pour obtenir la durée.

OriginalL'auteur Sajal | 2013-10-25

  1. 18

    Pour HTML5, vous devriez être en mesure d'utiliser la balise vidéo d'une durée de propriété, une fois les métadonnées du fichier est chargé. Voir cette réponse pour une bonne façon de le faire:

    Problème de récupération de vidéo HTML5 durée

    De citer la réponse par Mikushi:

    myVideoPlayer.addEventListener('loadedmetadata', function() {
    console.log(videoPlayer.duration);
});

    Par l'écoute de la "loadedmetadata' événement vous permettra de garantir la valeur de durée a été chargé.

    Plus de détails sur la loadedmetadata peut être trouvé ici: http://www.w3schools.com/tags/av_event_loadedmetadata.asp

    c'est ok, mais je voudrais montrer au chargement de la page n'cliquez sur l'événement.
    Ce n'est pas un événement onclick, c'est quand la vidéo méta-données des charges (avant les événements de clic) plus d'infos ici: w3schools.com/tags/av_event_loadedmetadata.asp
    +1, merci pour le code utile. Ne devrait-elle pas être myVideoPlayer à l'intérieur de la fonction de rappel au lieu de videoPlayer si?
    +1, il fonctionne également lorsque plusieurs versions d'une même vidéo sont utilisés dans le même élément de vidéo (en tant que source d'éléments).

    OriginalL'auteur ToddBFisher

  2. 1
    <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function getDuration() {
            var s = document.getElementById('a');
            alert(s.duration)
        }
    </script>
</head>
<body>
<div>
    <video src="2.mp4" id="a" controls="controls"></video>
    <button onclick="getDuration()">get duration</button>
</div>
</body>

</html>

    OriginalL'auteur Vicky Gonsalves

  3. 0

    Il y a un événement spécial déclenchée sur des éléments de la vidéo appelée "loadedmetadata". Une fois que celui-ci est déclenchée, les propriétés telles que la durée sont disponibles sur l'élément vidéo.

    Voici une liste exhaustive de toutes les vidéos HTML5 événements : http://www.w3.org/2010/05/video/mediaevents.html

    OriginalL'auteur steven_ght

  4. 0
    //Assume "video" is the video node
var i = setInterval(function() {
    if(video.readyState > 0) {
        var minutes = parseInt(video.duration / 60, 10);
        var seconds = video.duration % 60;

        //(Put the minutes and seconds in the display)

        clearInterval(i);
    }
}, 200);

    OriginalL'auteur Mwkthang Brahma