Перед добавлением обработчика как выполнить проверку есть ли блок с видео или нет?

Для проверки наличия блока с видео в JavaScript можно использовать различные подходы в зависимости от структуры вашего HTML и требований вашего проекта. Вот несколько способов, которые можно использовать:

1. Проверка по ID элемента:

let videoBlock = document.getElementById('video-block');
if (videoBlock) {
   // Блок с видео существует
} else {
   // Блок с видео не существует
}

В приведенном выше примере мы ищем элемент с определенным ID ("video-block") с помощью метода getElementById. Если элемент с таким ID существует, условие выполняется и в блоке if выполняются соответствующие действия. Если элемент не найден, то выполняется блок else.

2. Проверка с использованием селекторов CSS:

let videoBlock = document.querySelector('.video-block');
if (videoBlock) {
   // Блок с видео существует
} else {
   // Блок с видео не существует
}

В этом примере мы используем метод querySelector, чтобы найти первый элемент с указанным селектором CSS (".video-block"). Если элемент с таким селектором существует, то условие выполняется, иначе выполняется блок else.

3. Проверка использованием коллекции элементов:

let videoBlocks = document.getElementsByClassName('video-block');
if (videoBlocks.length > 0) {
   // Блоки с видео существуют
   let firstVideoBlock = videoBlocks[0];
} else {
   // Блоки с видео не существуют
}

Здесь мы используем метод getElementsByClassName, чтобы получить коллекцию элементов с указанным классом ("video-block"). Если коллекция содержит хотя бы один элемент, то условие выполняется, а первый элемент из коллекции может быть сохранен в переменную firstVideoBlock. В противном случае, если коллекция не содержит ни одного элемента, выполнится блок else.

Важно отметить, что все эти примеры делают проверку наличия блока с видео в момент, когда скрипт выполняется. Если блок с видео добавляется динамически после загрузки страницы, эти проверки могут не сработать, и вам может потребоваться использовать другие методы, такие как слежение за изменениями DOM или использование событий для определения момента появления блока с видео.