vidéo

metadata

<!DOCTYPE HTML>
<html lang="fr">
    <body>
        <div id="input-upload-file">
        <input type="file" class="upload" id="fileUp" name="fileUpload">
        </div>
       
        <script>
        document.getElementById("fileUp").addEventListener("change", function(e) {
            var file = e.target.files[0];
            console.log(file.type);
            console.log(file.name);
            console.log(file.size);
            var video = document.createElement('video');
            video.preload = 'metadata';

            video.onloadedmetadata = function() {
                window.URL.revokeObjectURL(video.src);
                console.warn (video.duration);
                console.warn (video.videoHeight);
                console.warn (video.videoWidth);
            }
            video.src = URL.createObjectURL(file);
        });
        </script>
    </body>
</html>