带有视频时间的链接按钮

我试图仅在用户到达视频的某个时间时才显示按钮，就像只有当用户看到20分钟的视频时按钮才会出现。不知道，会真的很感激投入。谢谢带有视频时间的链接按钮

2014-10-07 Awara Leo

请阅读“[How to ask]（http://stackoverflow.com/help/how-to -问）”。然后编辑你的答案，谢谢。 – 2014-10-07 21:13:31

很好。祝你好运。你有没有问题，或者这只是一个简单的掩饰“为我做的一切，因为我不知道怎么做”。 – 2014-10-07 21:17:33

谢谢Xero，我真的很抱歉，但事实上我在提问之前花了两个小时对此进行了研究，但是机器人能够找到帮助的东西。如果你能指导我甚至为研究提供帮助的话，我会非常感激。谢谢 – 2014-10-07 21:17:47

那么如果视频是通过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

来源

2014-10-07 21:26:22 Nindaff

非常感谢您的帮助。但是，有没有嵌入视频的机会呢？我检查了YouTube的视频控制列表，并找不到任何此类触发器。 – 2014-10-07 21:34:09

没有问题很高兴这有助于。至于嵌入式视频，我不熟悉youtubes api，但根据浏览器的不同，youtube视频将通过flash或html5播放。即使视频碰巧使用的是html5 api，因为它位于iframe中具有相同策略的策略中，您将无法在框架文档上使用JavaScript。 – Nindaff 2014-10-07 21:40:35

不知道，如果你想知道如何让一个按钮出现或如何检查视频剪辑的当前时间。

我希望它是前者。要检查视频播放的时间，您可以使用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;

来源

2014-10-07 21:36:36 Brady

带有视频时间的链接按钮

回答

相关问题