h5从视频中截取图片,报错
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
产生这个问题原因是跨域,第一次碰到静态文件跨域问题
1,服务端允许跨域
Access-Control-Allow-Origin 设置一下,*允许全部,以nginx为例:
add_header Access-Control-Allow-Origin *;
因为是静态文件, 要加在web服务器上
2,前端要加上crossorigin="Anonymous"
<video data-v-d170dd62="" src="http://mytest.com/1.mp4" crossorigin="Anonymous" ></video>
转载请注明
作者:海底苍鹰
地址:http://blog.51yip.com/htmlcss/2147.html