Да этот код я уже гуглил и пробовал этот пример, у меня не заработал.
Вот примерный мой код
//Создаю элементы по получаемым данным
for (var i = 0; i < elements.length; i++) {
var element = document.createElement("video");
element.src = elements[i].url;
element.addEventListener("loadeddata", loadedData);
element.addEventListener("timeupdate", timeUpdate);
element.addEventListener("ended", timeEnded);
}
var loadedData = function (e) {
var canvas = document.createElement('canvas');
canvas.width = 300;
canvas.height = 300;
var context = canvas.getContext('2d');
context.drawImage(this, 0, 0, 300, 300); // this в данном случае это мой video
var dataURL = canvas.toDataURL();
}
И мне прилетает вот такая вот ошибка
video-js.js:653 Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
at HTMLVideoElement.loadedData
Так что похоже не вариант... или может вы подскажите как это поправить?