Страницы

Поиск по вопросам

пятница, 17 мая 2019 г.

Как отключить контекстное меню у тега HTML5 video?

У меня реализован live стрим видео webm с использованием MediaSourceExtensions API на стороне JavaScript. Тег video создаётся без контролов, но по клику правой кнопкой мыши по области видео можно показать контролы, промотать видео, развернуть на весь экран...
Мне этого не надо - пользователю веб-приложения должны быть доступны только те функции, которые я запрограммирую, и не более. Как отключить это контекстное меню тега video?
Если это невозможно, может помимо video можно ещё как-нибудь рендерить контент MSE? Может на canvas?...


Ответ

Первый вариант
Используем JavaScript
document.getElementById("id1").oncontextmenu = function (e) { return false; };

без меню

c меню

Данный пример сделан с изображением но для видео он тоже сработает, так как отключает контекстное меню на любом элементе.
Второй вариант
Поверх видео положить прозрачную картинку.
Третий вариант
Чистый HTML (почти)

Комментариев нет:

Отправить комментарий