Медиа-элементы, такие как <audio> и <video>, должны иметь <track> для ошибки eslint подписей

Это мое решение. Просто попробуй

Насколько я понимаю ваш вопрос, похоже, вы ищете информацию о добавлении дорожки субтитров. Подробности о том, как это сделать, вы можете найти здесь: Ссылка на MDN

Чтобы включить дорожку субтитров, вам необходимо изменить тег следующим образом:

<video controls>
  <track default kind = "captions" srclang = "en" src = "SUBTITLE_PATH" />
  <source src = "content.mp4" type = "video/mp4" />
  <source src = "content.webm" type = "video/webm" />
  Your browser does not support the video.
</video>

Если вы предпочитаете не включать файл субтитров, вы можете оставить атрибут src пустым, чтобы избежать предупреждения eslint.

Ошибка, с которой вы сталкиваетесь при использовании ESLint, связана с требованием к медиа-элементам, таким как <audio> и <video>, иметь элемент <track> для подписей. Чтобы решить эту проблему, вы можете добавить пустой элемент <track> в тег <video>. Вот пример того, как вы можете изменить свой код, включив в него пустой элемент <track>:

<video controls>
  <source src = "content.mp4" type = "video/mp4" />
  <source src = "content.webm" type = "video/webm" />
  <track kind = "captions" src = "captions.vtt" srclang = "en" label = "English" default />
  Your browser does not support the video.
</video>

• Элемент <track> добавляется с атрибутом kind, для которого установлено значение «captions», чтобы указать, что это дорожка с субтитрами.
• Атрибут src указывает URL-адрес файла подписей, а srclang указывает язык подписей.
• Атрибут label предоставляет метку для дорожки титров.
• Атрибут default указывает, что эта дорожка должна быть дорожкой титров по умолчанию.

Включая пустой элемент <track>, вы удовлетворяете требованию, чтобы медиа-элементы имели дорожку подписей, устраняя ошибку ESLint.