Rsa97

const result = arr.reduce(
  (acc, cur) => {
    if (cur.video !== undefined) {
      acc.push({ src_video: cur.video });
    }
    acc.push(cur);
    return acc;
  },
  [],
)
// Array(5) [ {…}, {…}, {…}, {…}, {…} ]
​// 0: Object { src_video: "some-path-1" }
// ​1: Object { src: "some-path-1", video: "some-path-1" }
​// 2: Object { src_video: "some-path-2" }
// 3: Object { src: "some-path-2", video: "some-path-2" }
​// 4: Object { src: "some-path", video: null }

Лучший (и единственный) вариант - работать через свой бэкенд и нигде никогда не светить ключи от посторонних API. На своём бэке вы можете вводить любые ограничения на частоту и количество запросов к чужому API.
Всё, что попадает к клиенту, или приходит от клиента - небезопасно по умолчанию.
А Restrict to domain вам не поможет, в браузере можно написать JS-код, который будет работать с вашим ID прямо на вашей же странице и массово генерировать запросы.

Для этого кода на бэкенде должна проверяться кука NOT_SHOW_COOKIE_BANNER и, если она установлена в 'Y', то баннер вообще не должен выводиться на страницу.

Object.keys, Array: length, Math.random

setInterval

Поскольку у вас изначально установлено display: none, то toggle просто убирает свойство display и оно становится дефолтным для a, то есть inline.
Варианты:
- поместить все иконки в общий div и переключать его;
- переключать класс, на основе которого в CSS менять свойство display.

Из ошибок с ходу:
- тэг i не стоит использовать для иконок, семантически он предназначен для выделения фрагмента текста, например технического термина или идиоматическтого выражения;
- 'display' в первом параметре toggle не имеет смысла, там может быть длительность переключения, объект с параметрами или логическое значение, но не произвольная строка.

/(#EXTINF.*?m3u8)/gmis

Если даты записаны строками, то так:

array.sort(
  (a, b) => (
    a.status_sitter != b.status_sitter 
      ? a.status_sitter - b.status_sitter
      : a.status_date.localeCompare(b.status_date)
  ),
);

И что тут особенного? Объекты в JS копируются по ссылке.

const a1 = [{ "id": "1" }, { "id": "2" }, { "id": "3" }];

Здесь создаётся массив, в котором три ссылки на объекты.

let a3 = [...a1];
Здесь производится декомпозиция массива и из этих трёх ссылок формируется новый массив. Сами ссылки при этом остаются неизменными.

let a4 = a1.slice();
Опять таки, ссылки не меняются и ведут на те же самые объекты.

const a2 = a1.map(i => {
    i["name"] = "Name" + i["id"];
    return i;
});

Здесь в объекты по ссылкам добавляется новое поле и как результат каллбэка возвращается ссылка на объект. Соответственно в a2 те же самые ссылки.

В результате имеем четыре массива, в которых ссылки на одни и те же объекты.

Чтобы не менять исходные объекты, надо из них строить новые:

const a2 = a1.map((o) => ({ ...o, name: `Name${o['id']}` }));

PaymentRequest это хелпер для показа пользователю данных чека, выбора им методов оплаты и доставки и заполнения контактных данных.
https://googlechrome.github.io/samples/paymentrequest/
Банковские данные пользователя получает уже платёжная система непосредственно при платеже.

const dateTimeFormatter = new Intl.DateTimeFormat(
  'sv-SE',
  {
    dateStyle: 'short',
    timeStyle: 'medium',
  },
);
console.log(dateTimeFormatter.format(new Date()));
// "2024-01-29 09:11:47" 
console.log(dateTimeFormatter.resolvedOptions().timeZone);
// "Europe/Moscow"

А что должно происходить, если ваши блоки убраны за экран через translateX(-500%)?
Естественно, они не пересекаются с вьюпортом браузера и никакого события не создаётся.
Вторая проблема - если вернуть блоки на экран убрав translateX, то toggle('show', entry.isIntersecting) приведёт к тому, что когда блок полностью окажется на экране, он тут же будет убран с экрана анимацией, сгенерируется новое событие по исчезновению блока, блок снова переместится на экран, сгенерируется событие, блок будет убран с экрана и так до бесконечности.

Обернуть вызов функции в Promise и использовать await.
И забудьте уже про var. Переходите на let/const.