javascript - 未捕获的类型错误 : undefined is not a function (on video pause function)

Question

我正在尝试使用 jQuery 对象暂停视频，但收到一条错误消息:

未捕获类型错误:未定义不是函数

代码如下:

    function daVideos(myVideo, arrPause, _src)
    {
         $player = myVideo.get(0);
         $player.attr('src', _src);
         $player.addEventListener("timeupdate", function(event)
         {
              var isPause = false;

              for(var i=0; i<arrPause.lenght; i++)
              {

                    if($player.currentTime >= arrPause[i]  && !isPause)
                    {
                        isPause = true;
                        $player.pause();

                    }
              } 
         });
    }

     var arr1 = [2,4];
     daVideos($("#video"), arr1, "video/sintel_trailer-1080p.mp4");

任何人都可以帮助我说出我做错了什么？？？

Answer 1

$player = myVideo.get(0);
$player.attr('src', _src);
$player.addEventListener("timeupdate", function(event)

让我们考虑一下这些行。首先，我们有一个 jQuery 对象 (myVideo)。然后，我们使用 get(0) ($player) 获取原生 DOM 对象。然后，我们尝试在 native DOM 对象上调用 jQuery 函数 (attr)(这是发生错误的地方，因为 native DOM 对象没有 attr 函数) )。然后，我们尝试使用 native addEventListener 系统添加事件。

这一切看起来有点复杂，有点困惑。简单的解决方案就是在整个过程中使用 jQuery:

var $player = myVideo.get(0); // keep for later, note we're using var
myVideo.attr('src', _src);
myVideo.on('timeupdate', function(event)

另一种选择就是使用 DOM:

var $player = myVideo.get(0); // note that we're using var again
$player.src = _src;
$player.addEventListener("timeupdate", function(event)