Question

我正在尝试创建一些视频，有时视频中的人会打电话给观众。

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

有什么更好的方法可以做到这一点？也许是一些html5代码，我不知道最好的主意。

Answer 1

如果您使用的是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），但这两者可能会多次出现。对于简单的屏幕更新，这可能无关紧要，但对于任何只有在您需要以某种方式跟踪它以防止它被执行多次时才会发生的操作。

视频制作POST或GET

1 个答案: