Задать вопрос
@lesh_a
html

Как наложить сверху тега video прозрачную картинку?

Нужно наложить сверху видео прозрачную картинку, тем самым ограничить его открытие.(Убрать controls не помогает, с телефон все равно можно открыть)
  • Вопрос задан
  • 95 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
@fixeri 
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.block {
			position: absolute;
			opacity: 0;
			z-index: 999999999;
		}
	</style>
</head>
<body>
	<div class="block"></div>
	<video controls="controls" style="width: 100%;" class="video" src="1.mkv"></video>
	<script type="text/javascript">
		"use strict";
		let video = document.querySelector(".video");
		const getStyle = window.getComputedStyle;
		document.querySelector(".block").style = `
			width: ${getStyle(video).getPropertyValue("width")};
			height: ${getStyle(video).getPropertyValue("height")};
		`;
	</script>
</body>
</html>
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
WordPress-разработчик
div. • Ставрополь
от 50 000 до 120 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Изображения на главную страницу в стиле Jetton и 1вин
25 нояб. 2024, в 00:22
12000 руб./за проект
Дизайн презентации
24 нояб. 2024, в 23:46
20000 руб./за проект
Разработать Telegram-бота для анализа звонков продаж
24 нояб. 2024, в 23:15
10000 руб./за проект
Ещё заказы