Помогите сделать предупреждение о возрасте 18 + поверх плеера youtube

[goldkino 23]

Уважаемые фомучане и местные кулибины, помогите пожалуйста сделать предупреждение о возрасте 16-18 + поверх плеера youtube.

 

Хочу сделать, чтобы поверх плеера youtube, коды которых я вставляю на сайте, перед просмотром появлялась предупреждения о соглашении просмотра видео 16-18+ (не адалт, много мата)

 

Подобные технологии используют сейчас онлайн-кинотеатры, перед просмотром фильма над плеером появляется отрывок с рекламой, а после появляется кнопка пропустить. Вот сижу и ломаю голову как вывести подобное текстом или отдельной картинкой поверх плеера.

 

Как реализовать подобное, пожалуйста помогите. Искал на форумах, ничего не нашел, может пользоваться не умею)))

 

 

Либо как сделать прозрачную картинку поверх плеера, чтобы реальзовать вызов через модальное окно.

 

Думаю подобное решение поможет многим, применяя это для своих целей.

 

Движок DLE.

[xfgiven_youtube]<iframe width="X" height="X" src="[xfvalue_youtube]" rel="nofollow" frameborder="0" allowfullscreen></iframe>[/xfgiven_youtube]

Заранее спасибо. Просьба не троллить, а помочь.

[plankton 67]

И зачем вам это надо? Думает кого волнует это предупреждение, предупреждать, учить и контролировать должны родители, а если они на это не пригодны, то и детей не стоит заводить. Простой PopUp +18 плагины установите это будет достаточно, на wordpress таких куча и на DLE найдутся.

[goldkino 23]

И зачем вам это надо? Думает кого волнует это предупреждение, предупреждать, учить и контролировать должны родители, а если они на это не пригодны, то и детей не стоит заводить. Простой PopUp +18 плагины установите это будет достаточно, на wordpress таких куча и на DLE найдутся.

Согласен, но, предупрежден, значит вооружен. Это как в анекдоте: - "Да вы, бабуля, хоть.... а пионер должен быть вежливым".

[LetSevI 322]

<div style="position: relative;">
	<iframe width="560" height="315" src="https://www.youtube.com/embed/f_-TUkb-N1s" frameborder="0" allowfullscreen></iframe>
	<div id="b" style="position: absolute; top: 0; left:0; width: 560px; height: 315px; background-color: #000; color: white;">
		18+
		<button onclick="document.getElementById('b').parentNode.removeChild(document.getElementById('b'));">Кнопка</button>
	</div>
</div>

http://jsbin.com/tutiqipepe/1/

[goldkino 23]

<div style="position: relative;">
	<iframe width="560" height="315" src="https://www.youtube.com/embed/f_-TUkb-N1s" frameborder="0" allowfullscreen></iframe>
	<div id="b" style="position: absolute; top: 0; left:0; width: 560px; height: 315px; background-color: #000; color: white;">
		18+
		<button onclick="document.getElementById('b').parentNode.removeChild(document.getElementById('b'));">Кнопка</button>
	</div>
</div>

http://jsbin.com/tutiqipepe/1/

 

Огромное спасибо, очень помогло, тему можно закрывать.