在html视频中使用javascript记录特定时间段内的点击
脚本的目的是让用户在特定时间段内单击视频,例如,如果视频上的某个内容提示他们在11秒时单击,他们将有10.3到12秒的时间单击以获得分数。如果在该区域外单击,则不会得到任何分数。在视频结束时,他们会得到一个分数。我也有一个启动按钮来启动视频。这是迄今为止的代码:在html视频中使用javascript记录特定时间段内的点击,javascript,jquery,html,video,Javascript,Jquery,Html,Video,脚本的目的是让用户在特定时间段内单击视频,例如,如果视频上的某个内容提示他们在11秒时单击,他们将有10.3到12秒的时间单击以获得分数。如果在该区域外单击,则不会得到任何分数。在视频结束时,他们会得到一个分数。我也有一个启动按钮来启动视频。这是迄今为止的代码: 您的浏览器不支持HTML5视频。 var vid=document.getElementById(“测试”); vid.onclick=测试危害; var危害、处罚; 危险=[ { 起点:11.2, 停止:12.3, 通过:错误
您的浏览器不支持HTML5视频。
var vid=document.getElementById(“测试”);
vid.onclick=测试危害;
var危害、处罚;
危险=[
{
起点:11.2,
停止:12.3,
通过:错误
},
{
起点:27.1,
停止:29.0,
通过:错误
},
{
起点:37.2,
停止:38.6,
通过:错误
}
];
惩罚=0;
功能测试危害(时间){
var i;
对于(i=0;i<0.length;i++){
如果(时间>=hazards[i]。开始和开始时间您收到的javascript警报是多少?@EhsanT“总分:-5分:5分”因此,警报显示了正确的结果,单击视频无法正常工作的原因我认为是它干扰了浏览器的暂停和播放本机控件。因此,您必须共同覆盖我认为无法覆盖的控件。因此,您的解决方案是在视频上创建一个覆盖div
,并绑定您的onclick
事件到该div
。您还必须使用video.currentTime
属性将视频当前时间传递给函数。