我试图创建一些视频,有时视频内的人会打电话给观众。视频使POST或GET
所以,我有一个视频需要触发一个事件,POST或GET。
有什么更好的方法来做到这一点?也许一些html5代码,我不知道最好的主意。
我试图创建一些视频,有时视频内的人会打电话给观众。视频使POST或GET
所以,我有一个视频需要触发一个事件,POST或GET。
有什么更好的方法来做到这一点?也许一些html5代码,我不知道最好的主意。
如果您使用的是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
),但这两种情况可能会多次出现。对于简单的屏幕更新来说,这可能并不重要,但对于只有在需要跟踪时才会发生的任何操作,以防止其被多次执行。
我不知道它什么都不起作用。它只是忽略了addEventListener http://prntscr.com/1b9gx1 –
https://dpaste.de/y3Vio/ –
对不起 - 这里有一个错字:var v = document.getElementsById('myvideo');'' 。它应该是'getElementById('myvideo')'(不's)。看到这[小提琴](http://jsfiddle.net/qBqQe/) – 2013-06-22 05:54:56
这是什么意思:“打电话给观众”?你究竟在做什么? – 2013-06-22 03:38:25
我会看视频,演员会在视频的特定时间给观众打电话(这是一个POST动作) –