canvas.toDataURL image/png error handling method recommendation

Problem background:

There is a requirement to take a screenshot of the playing video. The video is played using the video tag, and then a real-time frame image is captured when the video playing area is clicked.

The code is very simple as follows:

Questions:

Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

After checking and analyzing, we found that this was actually because the domain where the video file was located was different from the domain where the picture and page were located, resulting in a cross-domain transmission problem.

Solution:

Place the video file under the domain where the page is located.

Original address: http://blog.csdn.net/luochao_tj/article/details/44942125