Регистрация Войти
Войти через VK Войти через Яндекс

Поиск по сайту

Наш Telegram бот: @htmlweb_bot

Запрет скачивания видео с сайта

При разработке видео экскурсии для проекта покровское подворье передо мной была поставлена задача максимально усложнить кражу видео контента. Все известные мне способы обходятся очень просто, а создавать свой потоковый видеоплейер задача сложнее, чем мне и заказчику хотелось бы. Я применил все известные мне способы, но мне этого было мало, ибо банально и легко обходится... И тут меня осенила идея, - как говорят "все гениальное - просто"! Несколько строк кода на стороне сервера и всё! Как говорится: "вы мне платите не за 3 строчки кода, а за 30 лет опыта!"

Посмотрите и попробуйте скачать представленный ниже трейлер видео экскурсии:

Исходный код этого примера:

<div class="video" oncontextmenu="return false;">
    <video controls="controls" controlsList="nodownload" poster="/images/treyler.jpg">
        <source src="/images/treyler.mp4" type="video/mp4">
        <img src="/images/treyler.jpg" alt="Покровское Подворье">
    </video>
    <script>
        document.onkeydown = function(e) {
            if ((e.ctrlKey && (e.keyCode === 83/*Ctrl+S*/||e.keyCode === 85/*Ctrl+U*/)) ||
                (e.ctrlKey && e.shiftKey && e.keyCode === 73 /*Ctrl+Shift+I*/)) {
                alert("Не поддерживается!\nКонтент на странице защищен законом об авторском праве!");
                return false;
            } else {
                console.log(e.keyCode);
                return true;
            }
        };
        document.oncontextmenu=function(e) {
            alert("Не поддерживается!\nКонтент на странице защищен законом об авторском праве!");
            return false;
        }
    </script>

Какие защиты от скачивания видео использованы:

Запрет правой клавиши мышки и контекстного меню для всей страницы
Использование атрибута controlsList="nodownload" тега <video> скрывает у проигрывателя опцию скачать видео.
Обработчик нажатий клавиш с фильтрацией Ctrl+S, Ctrl+Shift+I и Ctrl+U
Самый интересный способ реализован на стороне сервера, поэтому его нет в данном исходном коде.
Попробуйте сами скопировать прямую ссылку на видео: https://htmlweb.ru/images/treyler.mp4, вставить в браузер и сохранить.
Чтобы Вам было легко это сделать, копирование текстового контента на этой странице полностью разрешено.

Если Вы хотите узнать как это реализованно и применить эту технику на своем проекте, я с удовольствием поделюсь с вами моим решением за 19990 руб.

Регистрация Войти Войти через VK Войти через Яндекс

При нажатии кнопки Оплатить и загрузить, Вы подтверждаете согласие с условиями использования скрипта, описанными на этой странице и договором оферты.
Вы будете перенаправлены на страницу выбора способа оплаты, после оплаты 19990 рублей (~254$) начнется загрузка файла.
Чтобы мы не потеряли Вашу оплату при потере соединения, укажите Ваш действующий
адрес электронной почты
Сомневаетесь? Вы всегда сможете задать вопросы и получить помощь.

Смотрите также:

.
Прокомментировать/Отблагодарить