Question

我已经读过关于此的线索丢失但是找不到解决方案。情况就是这样。我已经加载了一个视频并使用HTML5画布创建了一个缩略图。但是，当我尝试使用=toDataUrl保存该画布图像时，我收到此错误：

Uncaught SecurityError：无法执行＆＃39; toDataURL＆＃39; on＆＃39; HTMLCanvasElement＆＃39;：可能无法导出受污染的画布。

<video id="video" width="200"     
src="https://sportsquare.s3.amazonaws.com/2012030311_big_1.mp4"   
type="video/mp4" controls></video><br/>
<canvas id="canvas"></canvas><br/>

<script>
    window.setInterval(function(){
        var canvas = document.getElementById('canvas');
        var video = document.getElementById('video');
        canvas.getContext('2d').drawImage(video, 0,0,175,125);
        var dataURL = canvas.toDataURL("image/png");
        dataURL = dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
    }, 2000);
</script>

HTML5 canvas（videothumbnail）给出了SecurityError

0 个答案: