首頁 > web前端 > H5教程 > html5 video如何實現即時監測目前播放時間(程式碼)

html5 video如何實現即時監測目前播放時間(程式碼)

不言
發布: 2018-08-06 17:49:32
原創
7828 人瀏覽過

這篇文章要跟大家介紹的內容是關於html5 video如何實現即時監測當前播放時間(程式碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

html:

1

2

3

4

<video id="video" controls autoplay="autoplay" muted>

    <source src="" type="video/mp4" />

    Your browser does not support the video tag.

</video>

登入後複製

js:

1

2

3

4

5

6

7

8

9

10

11

12

13

//监听播放时间

var video = document.getElementById(&#39;video&#39;);

//使用事件监听方式捕捉事件

video.addEventListener("timeupdate",function(){

    var timeDisplay;

    //用秒数来显示当前播放进度

    timeDisplay = Math.floor(video.currentTime);

    console.log(Math.floor(video.currentTime))

    //当视频播放到 4s的时候做处理

    if(timeDisplay == 4){

            //处理代码

    }

},false);

登入後複製

 相關文章推薦:

html5中audio(音訊)的分析

#html5中video(影片)元素的分析

#

以上是html5 video如何實現即時監測目前播放時間(程式碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板