Сергей Ержович

По хорошему тебе надо переписать всё) ты опираешься на классы и клики, а надо на события video элемента, https://developer.mozilla.org/en-US/docs/Web/API/H.... так как у кого то могут быть мультемедия кнопки, или на пробел нажал например видео остановилось, или воспроизвести его через контекстное меню 2й кнопкой кликнуть и выбрать воспроизвести. в общем тебе надо подписываться на события меди элемента а не опираться на клики по нему

const isDiff = arrBd.find(
	(item, index) =>
		item.id !== arrForSite[index].sku ||
		item.photo_url !== arrForSite[index].image_url ||
		item.parent !== arrForSite[index].category
);

if(isDiff) {
console.log('Ключи разные');
}

Можно функцию сделать в пару строк

const findDiff = (arr1, arr2, mapping) =>
	arr1.find((item, index) =>
		mapping.find((m) => item[m[0]] !== arr2[index][m[1]])
	);

const diff = findDiff(arrBd, arrForSite, [
	["id", "sku"],
	["photo_url", "image_url"],
	["parent", "category"],
]);

В общем проблема была в tsconfig, стоял "target": "ESNext", поменял на ES6 стало норм