Как надежно скрыть элемент в HTML?

Question

Как я могу надежно скрыть элемент HTML так, чтобы пользователи не могли просто щелкнуть страницу правой кнопкой мыши, просмотреть исходный код и изменить свойство «display» с «none» на «block»? Мне нужен способ скрыть видео YouTube, пока кто-нибудь не введет пароль веб-страницы, а затем видео не будет показано. Я не хочу, чтобы кто-либо, у кого нет пароля, мог смотреть видео. Я уже зашифровал свой код JavaScript, но не нашел способа запретить людям раскрывать элементы заранее.

Большое спасибо!

Answer 1

Это невозможно только с элементами управления на стороне клиента. Пользователь может просто отключить JavaScript в своем браузере и изменить свойство отображения видео. Лучшим решением было бы сделать то, что сказал Скотт Маркус, и просто не иметь видео на странице, к которой вы позволяете пользователю иметь доступ, пока они не введут пароль.

Answer 2

Вы можете сделать это с помощью PHP. Шаг 1. Измените страницу с HTML на PHP. Шаг 2 - на странице индекса (я предполагаю, что видео, на которое вы ссылаетесь, есть на странице индекса) Шаг 3 - Сохраните форму пароля, затем видео. Не забудьте инкапсулировать и форму пароля, и видео в скриптах.

Logi c для формы - форма примет данные, отправит их в сценарий php для проверки пароля, а затем отправит переменную POST обратно на страницу индекса, если аутентификация прошла успешно.

Теперь вам нужно установить условие if в форме, которое, если переменная POST не задана, будет обрабатываться только она . И наоборот, для видео, если установлена ​​переменная POST, т. Е. Аутентификация прошла успешно, то видео загрузится.

Дополнительное преимущество - поскольку используется PHP с операторами if, поэтому никто может даже найти ссылку на видео, если у пользователя нет пароля, потому что, если условие if ложно, PHP даже не будет печатать эти операторы как HTML операторы для обработки обработчиком браузера.