Vídeo do Youtube Dentro de Uma Pop Up

Nesta postagem compartilho com vocês essa dica de como abrir um vídeo do youtube dentro de uma janela popup. Nada difícil.

Para colocar em seu blog... Entre em "Modelo" - "Editar HTML" e procure pela tag

</head>

Tendo encontrado a tag, cole ACIMA dela o seguinte código

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css" rel="stylesheet" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://lab.abhinayrathore.com/jquery_youtube/jquery.youtubepopup.min.js?"></script>
<script type="text/javascript"> 
$(function () {$.fn.YouTubePopup.defaults.draggable = true;$("a.youtube").YouTubePopup({ autoplay: 1 });$("img.youtube").YouTubePopup({ idAttribute: 'id' });           $("button.youtube").YouTubePopup({ idAttribute: 'id' });$("a.custom").YouTubePopup({ idAttribute: 'youtube' });$("a.hideTitle").YouTubePopup({ hideTitleBar: true });   });function scrollTo(id){var offset = $('#' + id).offset().top;$('html,body').animate({scrollTop: offset}, 50);}</script>

E, quando você quiser usar a pop up, basta você inserir o seguinte código

<a class="youtube" href="#" rel="ID DO VÍDEO" title="jQuery YouTube Popup Player Plugin TEST">TEXTO QUE CLICÁVEL ABRIRÁ A POPUP</a>

Na parte destacada de azul, você coloca o ID do vídeo que você quer colocar na Pop Up.



Qual é o ID do vídeo?

O ID, por exemplo:

https://www.youtube.com/watch?v=7ouVbbvHBi8


Qualquer duvida, não deixe de perguntar!!!