К сожалению, ссылка на codepen, которую привели в одном из комментариев к вопросу, уже не работает. Поэтому реализовал своё решение. Основная идея — заслонить проигрыватель нашим элементом и таким образом скрыть возможность несанкционированного сохранения видеофайла на устройстве. Однако из этого же вытекает и главный минус подхода, заключающийся в том, что элементы управления приходится реализовывать самостоятельно.
А для обхода такого препятствия достаточно открыть инспектор элементов из контекстного меню, щёлкнув по видео, и удалить узел .video-curtain
.
/* простенькая реализация управлением проигрывателем */
document.getElementById("trigger-b").onclick = function() {
var p = document.getElementById("player-e");
if (p.paused) p.play();
else p.pause();
}
.video-container > * {
width: 640px;
height: 360px;
}
.video-container {
/* нужно для позиционирования потомка */
position: relative;
}
.video-curtain {
/* эти свойства перемещают блок поверх видео */
position: absolute;
top: 0px;
}
<div class="video-container">
<video id="player-e" poster="https://i.stack.imgur.com/Wj3wy.png"
src="http://stack.astra.mymedia.su/enjoykin-druzhko.mp4"></video>
<div class="video-curtain" id="trigger-b">
</div>
</div>
В примере использована композиция «Enjoykin — Лайки Крутятся (feat. Сергей Дружко)».