2013-06-22 56 views
0

我试图创建一些视频,有时视频内的人会打电话给观众。视频使POST或GET

所以,我有一个视频需要触发一个事件,POST或GET。

有什么更好的方法来做到这一点?也许一些html5代码,我不知道最好的主意。

+0

这是什么意思:“打电话给观众”?你究竟在做什么? – 2013-06-22 03:38:25

+0

我会看视频,演员会在视频的特定时间给观众打电话(这是一个POST动作) –

回答

0

如果您使用的是HTML5视频,则可以使用timeupdate事件跟踪时间并引发一些操作。

<div id="stage"> 
    <video src="http://example.com/myvideo.webm" controls id=myvideo></video> 
</div>  

<script> 
    var timeOfEvent = 30; //time of event in seconds 
    (function(){ 
    var v = document.getElementById('myvideo'); 

    v.addEventListener('timeupdate',function(event){ 
    if (v.currentTime >= timeOfEvent) { 
     // perform your action here 
     // You'll need to ensure your action only fires once. 
    } 

    },false); 
    })(); 
</script> 

注:currentTime不是一个整数,timeupdate事件之间的时间可能不同,因此试图在视频一个确切的点做一些几乎肯定是行不通的。您可以测试currentTime的整数部分(即整秒)或范围(例如currentTime > 10 || currentTime <20),但这两种情况可能会多次出现。对于简单的屏幕更新来说,这可能并不重要,但对于只有在需要跟踪时才会发生的任何操作,以防止其被多次执行。

+0

我不知道它什么都不起作用。它只是忽略了addEventListener http://prntscr.com/1b9gx1 –

+0

https://dpaste.de/y3Vio/ –

+0

对不起 - 这里有一个错字:var v = document.getElementsById('myvideo');'' 。它应该是'getElementById('myvideo')'(不's)。看到这[小提琴](http://jsfiddle.net/qBqQe/) – 2013-06-22 05:54:56