videojs插件编写（video.js网页截图）
videojs插件编写（video.js网页截图）
视图里添加视频标签<div class="videoPlayer">
<video class="vjs-tech"></video>
</div>视图里加一个canvas标签
<canvas id="localcanvasImg" width="1920" height="1080" style="display:none;"></canvas>点击触发截图事件
var video = document.querySelector(".videoPlayer .vjs-tech");
var canvas = document.querySelector("#localcanvasImg");
var ctx = canvas.getContext("2d");
ctx.drawImage(video 0 0 1920 1080);
var base64 = canvas.toDataURL("image/png");
var a = document.createElement("a");
a.download = '下载的图片的名称'; //下载的文件名，默认是'下载'
a.href =base64;
document.body.appendChild(a);
a.click();
a.remove(); //下载之后把创建的元素删除
