前段时间做一个项目，需求是给每个视频加一张预览图。这个问题最终的选择是：使用canvas.toDataYRL();做转换采集在页面中添加视频截图，达到自动添加预览图的目的。部分代码如下：vartestVideo=document.getElementById('my_video');varcanvas=document.createElement('canvas');varcontext=canvas.getContext('2d');vartimer=setTimeout(function(){context.drawImage(testVideo,0,0,640,500);varimgURL=canvas.toDataURl('image/jpeg',1.0);//测试console.log(imgURL);},1000);但是在开发的时候遇到了一个问题，测试的时候总是提示：UncaughtSecurityError:Failedtoexecute'toDataURL'on'HTMLCanvasElement':Taintedcanvasesmaynotbeexported。不修改也不行，最后发现：这其实是由于视频文件图片所在的域和页面所在的域不同，存在跨域传输的问题。
