<div class="media">         <div class="video">             <video id="player" src="../1.mkv" poster="../images/poster.jpg" width="600" height="446"></video>         </div>         <div class="controls">             <input type="button" value="Play" id="video-btn">             <span id="curtime">0</span><span id="duration">0</span>         </div>     </div>     <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>