链接按钮与视频时间

时间:2014-10-07 21:10:16

标签: javascript video video-streaming html5-video

我只是在用户达到视频的某个特定时间时才显示按钮,就像只有当用户看过20分钟的视频时才会出现按钮。不知道它,真的很感激输入。感谢

2 个答案:

答案 0 :(得分:1)

如果视频是通过html5播放的(视频标签)没有嵌入,则以下代码是您可以采取的一条路线。

// the video element
var video = document.getElementsByTagName('video')[0];
// add an event listener for 'timeupdate' 
video.addEventListener('timeupdate', function() {
    // 20 mins in seconds
    if ( this.currentTime == 1200) {
    // code to add the button here...
    }
}, false);

你应该看看html5 audio/video api

答案 1 :(得分:0)

不确定您是否想知道如何显示按钮或如何检查视频剪辑的当前时间。

我希望它是前者。要检查视频播放的时间,您可以使用javascript调用视频的currentTime属性:

// set your video element to a variable
var video = document.getElementById("my-video");

// get the current playback time of the video (returned in seconds) and set to variable
current_playback_time = video.currentTime;