Как скрыть ютюб плеер на странице чтобы убрать клик правой мышкой и не показывать url

Иногда бывает полезно скрыть ссылку на ютюб видео и заблокировать экран видео плеера ютюба, чтобы не вылазило меню по клику правой кнопки мыши и человек не мог скопировать ссылку на видео. Также бывает полезно не показывать что это именно youtube плеер.

Все это можно сделать при помощи javascript и элемента canvas.

 

Наш html код плеера с сайта ютюб и канвас и стили:

<style>
div#videoDiv {
	position: relative;
	width: 720px;
	height: 480px;
	top: 180px;
	left: 190px;
}
div#videoDiv canvas {
	position: absolute;
	top: 150px;
	left: 0px;
	border: 1px solid yellow;
	 
}
</style>
<div id="videoDiv">
<iframe width="560" height="315" src="https://www.youtube.com/embed/zrdILcZIYpE?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1" frameborder="0" allow="autoplay; encrypted-media"></iframe>
<canvas id="display" width="560" height="155"></canvas>
</div>

 

И js код, который скрывает надпись Youtube а также половину плеера от нажатия правой кнопки мыши и чтобы не нажималась половину кнопки play. Код поместить между тегами <script> </script> после хтмл кода.

 

var canvas = document.getElementById ("display");
 	context = canvas.getContext ("2d");
 	context.fillStyle = "lightblue";
	context.fillRect (10,10,55,55);
	context.fillRect (420,120,110,25);
context.fillStyle = "red"; 
// шрифт
	context.font = "bold 1em sans-serif";
	context.textAlign = "left";
	context.fillText("ХрюТюб", 440, 140);

 

Вы увидите такое:

 

 

Если пользователь отключит javascript в браузере он не увидит url видео на странице. Единственный способ увидить источник видео это посмотреть исходный код страницы.

Чтобы от этого защититься, нужно с помошью того же js создать элемент iframe и добавить все атрибуты. Url видео подставлять уже через js в src, и все символы представить сущностями, либо например выбирать их из символьного массива. Обычный пользователь мало вероятно что все это сможет понять как увидеть источник видео, но опытный пользователь через инструмент разработчика сможет определить источник видео.

Чтобы от этого защититься, вам нужно организовывать вещание используя ваш сервер, писать код на php который бы загружал видео с ютюба и уже транслировал его вам на сайт. Кому нужно обращайтесь. Напишу. Оставляйте заявки с вашим обратным мылом на сайте.



Оставить свой ответ:

Имя:*
E-Mail:
Вопрос:
Skolko buдет пять пдюс сeмь?
Ответ:*
QQpedia21.ru - cамые интересные вопросы