Атрибут id тега <video>
Описание
Атрибут id задаёт уникальный идентификатор для элемента <video>. Этот идентификатор позволяет:
- Обращаться к видео из JavaScript
- Применять специфические стили через CSS
- Создавать якорные ссылки внутри страницы
- Интегрировать видео с другими элементами
<video id="mainVideoPlayer" src="presentation.mp4" controls></video>
Особенности именования:
- Должен начинаться с буквы (A-Z, a-z)
- Может содержать цифры, дефисы, подчёркивания
- Должен быть уникальным в пределах документа
- Чувствителен к регистру (case-sensitive)
Типичные применения:
| Сценарий | Пример ID | Назначение |
|---|---|---|
| Главное видео страницы | heroVideo |
Основной видеоплеер |
| Фоновое видео | bgVideo |
Декоративное фоновое видео |
| Модальное окно | modalVideo_1 |
Видео во всплывающем окне |
Пример управления через JavaScript:
<video id="productVideo" src="demo.mp4"></video>
<button onclick="playVideo()">Play</button>
<script>
function playVideo() {
const video = document.getElementById('productVideo');
video.play();
}
</script>
Рекомендации:
- Используйте семантические имена (не "video1", "video2")
- Придерживайтесь единого стиля именования (camelCase или kebab-case)
- Для повторяющихся элементов используйте классы
- Избегайте избыточности (не "videoPlayer")
Ограничения:
- Дублирование ID нарушает валидность HTML
- Изменение ID может сломать существующий JavaScript
- Чрезмерное использование усложняет поддержку
Важно: При работе с ID:
- Не используйте ID для стилизации (лучше классы)
- Избегайте генерации ID через JavaScript
- Проверяйте уникальность в больших проектах