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

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

Нужно наложить сверху видео прозрачную картинку, тем самым ограничить его открытие.(Убрать controls не помогает, с телефон все равно можно открыть)
  • Вопрос задан
  • 93 просмотра
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>
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
MiniApp для телеграмм на React+Redux
04 мая 2024, в 17:35
150000 руб./за проект
Простая доработка расширения
04 мая 2024, в 17:22
1000 руб./за проект
Разработка микросервиса на JS
04 мая 2024, в 17:09
30000 руб./за проект
Ещё заказы