Сергей Соколов

При первом вызове всё в порядке, на вход пустой массив.
Но надо же вернуть что-то для следующей итерации.
Сейчас при втором вызове на входе arr === undefined

Дело происходит в Chrome? Там баг, не позволяющий работать с localhost.

Попробуйте прописать в hosts любой домен, указывающий на адрес 127.0.0.1, и работать с ним.

И, разумеется, надо добавить в ответы сервера заголовок Access-Control-Allow-Origin: *

let timer = setTimeout(myFeed, 5000); // теперь таймер в переменной

const resetTimer = () => {
  clearTimeout(timer);
  timer = setTimeout(myFeed, 5e3);
}

[...document.querySelectorAll('button.button')]
  .forEach((btn) => btn.addEventListener('click', resetTimer));

Сделайте веб-страничку: браузеры, в т.ч. мобильные, умеют с камерой работать и считывать коды.

См. например, nimiq/qr-scanner

С разметкой из комментария к вопросу можно взять все ссылки внутри общего родителя:

const sample = 'submenu-';
const links = [...document.querySelectorAll('ul.navbar-main a')]
  .filter((a) => a.id.startsWith(sample));
console.log(links); // массив со ссылками

links.forEach((a) => a.addEventListener('click', (e) => e.target.classList.add('top'));

upd. как хорошо подсказал в комменте Fedor Vlasenko, можно элегантнее воспользоваться селектором, выбирающим элементы, чей атрибут начинается с указанной строки. a[id^=submenu] выберет те элементы anchor, у которых id начинается с "submenu":

[...document.querySelectorAll('ul.navbar-main a[id^=submenu]')]
  .forEach((a) => a.addEventListener('click', (e) => e.target.classList.add('top'));

сейчас соотношение сторон 720:544 ~= 4:3 — тоже вполне себе распространённое.

Для сохранения качества видео лучше всего его не перекодировать. Можно перепаковать в MKV, если этого требуют - (?) - но оставить видео как есть. Если уж перекодировать видео, то в кодек h264 а звук в AAC – это стандарт де-факто для видео в вебе.

Увеличивать размер точно не стоит. Если требование вписаться в 16:9, можно по бокам добавить чёрные (да хоть розовые) полосы или подложить размытую увеличенную копию видео, как это делают для вертикальных мобильных видео, вписывая их в горизонтальный формат. Высоту оставить 544, а ширину увеличить до 720 / 9 * 16 ~= 968 (должно делиться на 4 — требование кодека). Т.е. сделать 968x544

Для всех этих задач я бы использовал ffmpeg из командной строки. Он есть подо все платформы, бесплатный, куча возможностей, типовые решения можно нагуглить. Под капотом у "Any video converter" тоже, наверняка, ffmpeg.

Ну и пока экспериментируете, прогоняйте короткий фрагмент видео, не все 43 минуты, а секунд 10.

{
  let isYMLoaded = false;

  const loadYM = () => {
    if (isYMLoaded) return;
    isYMLoaded = true;
    setTimeout(() => {
      // Metrika code
      // ... 
    }, 0);
  }

  const eventNames = 'click,scroll,touchstart,mouseenter'.split(',');

  const handlerYM = () => {
    eventNames.forEach((name) => document.removeEventListener(name, handlerYM));
    loadYM();
  }

  if (!!~navigator.userAgent.indexOf('YandexMetrika')) {
    // Yandex
    loadYM();
  } else {
    // нормальный посетитель
    eventNames.forEach((name) => document.addEventListener(name, handlerYM));
  }
}