Video в html5

@tager3 · Регистрация: 02.11.2010

Студворк — интернет-сервис помощи студентам

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

@whiteapps · 21.03.2016, 16:21

tager3, https://jsfiddle.net/tw9kgyeL/

HTML5
1
2
3
<video width="300" height="auto" id="myvideo">
    <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4" />
</video>

JavaScript
1
2
3
4
5
6
7
myvideo.addEventListener('mouseover', function (e) {
  this.setAttribute("controls", "controls");
});
 
myvideo.addEventListener('mouseout', function (e) {
  this.removeAttribute("controls")
});

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@tager3 5 / 5 / 3 Регистрация: 02.11.2010 Сообщений: 140

	Video в html5 21.03.2016, 10:52. Показов 1619. Ответов 1 Метки нет (Все метки) Вставил видео на страницу, прописал controls, теперь когда страница открывается то контрольная панель сразу отображается и портится весь вид, не смог найти информацию как сделать чтобы контрольная панель появлялась только при наведении, может есть какие то псевдо классы или это надо реализовывать с помощью js 0

Video в html5

Решение