<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(); //下载之后把创建的元素删除
〖特别声明〗：本文内容仅供参考，不做权威认证，如若验证其真实性，请咨询相关权威专业人士。如有侵犯您的原创版权或者图片、等版权权利请告知 wzz#tom.com，我们将尽快删除相关内容。
微信扫一扫