Question

包含HTML5视频的简单页面并尝试阻止快速转发：

 var vid = $("#divVideo");
    var suptime = 0;
    vid.addEventListener('timeupdate', function(){
        if (!vid.seeking){
            suptime = vid.currentTime;
        }
    });
    vid.addEventListener('seeking', function(){
        var delta = vid.currentTime - suptime;
        if (Math.abs(delta) > 0.01) {
            vid.currentTime = suptime;
        }
    });

在我的_Layout页面中，我有：

 <!DOCTYPE html>
  <html lang="en">
 <head>
<meta charset="utf-8" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<meta http-equiv="X-UA-Compatible" content="IE=edge;" />

所以我正在使用我找到的所有搜索但它仍然给我错误。我正在使用jQuery 3.1.1。

Answer 1

如果您使用的是jQuery，则需要使用on()

要获得seeking和currentTime，您需要使用[0]来访问这些属性（因此，当您想直接访问元素属性时，Javascript版本会更好。）

var vid = $("#divVideo");
var suptime = 0;
vid.on('timeupdate', function(){
    if (!vid[0].seeking){ // to get seeking use [0], when using jquery object
        suptime = vid[0].currentTime;
    }
}).on('seeking', function(){ // chaining is better to use here
    var delta = vid[0].currentTime - suptime;
    if (Math.abs(delta) > 0.01) {
        vid[0].currentTime = suptime;
    }
});

如果您不想使用jQuery，请尝试使用addEventListener，

getElementById()

jQuery addEventListener不受支持

1 个答案: