h5 视频截图 跨域问题

张映 发表于 2019-05-23

分类目录: html/css

标签:,

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