Подскажите как сделать

[Анатолий1944]

Привет, подскажите как вставить видео с ютуба на свою страницу сайта,  но чтобы оно появлялось только при нажатии на текст,

например: "посмотреть видео" -  чтобы при нажатии на этот текст появлялась рамка с видео.

 

[Crossfield]

Например можно использовать такой вариант (JQuery) - http://www.w3schools.com/jquery/jquery_hide_show.asp
Оформление и правильность реализации зависит от тебя и твоего сайта.

Edited December 10, 2016 by Crossfield

[DivMan]

Только что, Crossfield сказал:

Например можно использовать такой вариант (JQuery) - http://www.w3schools.com/jquery/jquery_hide_show.asp
Оформление и правильность реализации зависит от тебя и твоего сайта.

на русском http://www.w3ii.com/ru/jquery/jquery_hide_show.html

[Анатолий1944]

Я новичок,  знаю только хтмл+сss.

Я так понимаю нужно что-то ещё сделать, кроме как скопировать себе на страницу этот скрипт в хеад  и кнопки в body ?

Вот такой "результат" у меня : http://codepen.io/Anatoliy667986584/pen/NbjEPP

 

Edited December 11, 2016 by Анатолий1944

[bdrch]

В 11.12.2016 в 17:06, Анатолий1944 сказал:

Я новичок,  знаю только хтмл+сss.

Я так понимаю нужно что-то ещё сделать, кроме как скопировать себе на страницу этот скрипт в хеад  и кнопки в body ?

Вот такой "результат" у меня : http://codepen.io/Anatoliy667986584/pen/NbjEPP

Можно через js, не знаю актуально ли сейчас, но для решения вашей задачи подойдет.

<a onclick="document.getElementById('video').style.display='block';">Видео</a>
<div id="video" style="display: none;">
  <iframe width="XX" height="XX" src="XX" frameborder="0" allowfullscreen></iframe>
</div>

 

Edited December 13, 2016 by bdrch