Javascript 获取视频帧计数HTML_Javascript_Html

Javascript 获取视频帧计数HTML

javascript html

Javascript 获取视频帧计数HTML,javascript,html,Javascript,Html,我正在尝试将视频帧计数作为我已经从我的网站目录下载了videoFrame.js，并位于该目录中但是当点击播放视频时，不播放也会出现如下错误： ReferenceError:$未在var currentFrame=$（“#currentFrame”）行中定义 HTML <!DOCTYPE html> <html> <head> </head> <body> <div class="frame"> <

我正在尝试将视频帧计数作为

我已经从我的网站目录下载了videoFrame.js，并位于该目录中

但是当点击播放视频时，不播放也会出现如下错误：

ReferenceError:$未在var currentFrame=$（“#currentFrame”）行中定义

HTML
<!DOCTYPE html>
<html>
<head>


</head>
<body>

  <div class="frame">  
  <span id="currentFrame">0</span>
  </div>

<video height="180" width="100%" id="video"> 
  <source src="http://www.w3schools.com/html/mov_bbb.mp4"></source>
</video>

<div id="controls">
  <button id="play-pause">Play</button>
</div>


<script>

var currentFrame = $('#currentFrame');
var video = VideoFrame({
    id : 'video',
    frameRate: 29.97,
    callback : function(frame) {
        currentFrame.html(frame);
    }
});

$('#play-pause').click(function(){
    if(video.video.paused){
        video.video.play();
        video.listen('frame');
        $(this).html('Pause');
    }else{
        video.video.pause();
        video.stopListen();
        $(this).html('Play');
    }
});


</script>

</body>
</html>


0
玩
var currentFrame=$（“#currentFrame”）；
视频帧({
id:'视频'，
帧率：29.97，
回调：函数（帧）{
html（frame）；
}
});
$（“#播放暂停”）。单击（函数（）{
如果（视频。视频。暂停）{
video.video.play（）；
视频。听（‘帧’）；
$（this.html（'Pause'）；
}否则{
video.video.pause（）；
video.stopListen（）；
$（this.html（'Play'）；
}
});
您需要包括jQuery add

到html头部。
您需要包括jQuery
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

尝试添加对jquery库的调用
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>