<p class="media">
        <p class="video">
            <video id="player" src="../1.mkv" poster="../images/poster.jpg" width="600" height="446"></video>
        </p>
        <p class="controls">
            <input type="button" value="Play" id="video-btn">
            <span id="curtime">0</span><span id="duration">0</span>
        </p>
    </p>
    <script>
        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;
        btn.onClick=function(event){
            if(btn.paused){
                player.play();
                btn.value="Pause";
            }else{
                player.pause();
                btn.value="Play";
            }
        };
        setInterval(function(){
            curtime.innerHTML=player.currentTime;
        },250);
    </script>