html5視頻播放器進度條點擊funcion

Question

是否可以在html 5視頻播放器上聽取默認進度條點擊使用j查詢具有特定的視頻標籤ID？ 視頻標籤是像

<video width="250" height="150" id="videoplayer" controls="" autoplay="" src="blob:https%3A//fiddle.jshell.net/91a12a0d-f082-4fbd-a70c-7fa94563690c"></video> 

我才能點擊ID =「錄像機」的活動進度條上

Answer 1

所有集合可以跟蹤在提到的鏈路中列出的事件： - 鏈接： - http://www.w3schools.com/tags/ref_av_dom.asp

實施例： - https://www.w3.org/2010/05/video/mediaevents.html

我希望這會幫助你。

感謝和問候 Kautuk Sahni

Answer 2

你可以通過這樣的EventListener添加到視頻播放器：

document.getElementById('videoplayer').addEventListener("click", function(){ 
    //the code you want to do in click event 
}); 

而上另一方面您可以使用您的自定義視頻播放器來處理它：

<div id="video-controls" class="controls" data-state="hidden"> 
    <button id="playpause" type="button" data-state="play">Play/Pause</button> 
    <button id="stop" type="button" data-state="stop">Stop</button> 
    <div class="progress"> 
     <progress id="progress" value="0" min="0"> 
     <span id="progress-bar"></span> 
     </progress> 
    </div> 
    <button id="mute" type="button" data-state="mute">Mute/Unmute</button> 
    <button id="volinc" type="button" data-state="volup">Vol+</button> 
    <button id="voldec" type="button" data-state="voldown">Vol-</button> 
    <button id="fs" type="button" data-state="go-fullscreen">Fullscreen</button> 
</div> 

然後，您可以使用它的id值來收聽進度條。

Answer 3

使用<progress>元件是具有HTML5視頻

<progress id='p'></progress>