<p class="controls">
        <input type="button" value="Play" id="video-btn">
        <span id="curtime">0</span>/<span id="duration">0</span>
    </p>
</p>
<script>
    window.onload = function(){

        //get references to the elements
        var player = document.getElementById("player");
        var btn = document.getElementById("video-btn");
        var curtime = document.getElementById("curtime");
        var duration = document.getElementById("duration");
        ***duration.innerHTML = player.duration;***

S'il vous plaît, dites-moi, pourquoi devez-vous définir ici duration.innerHTML = player.duration? Cela ne fonctionnerait-il pas toujours si vous ne le définissez pas ?