SEGREDO PARA CONQUISTAR
UMA MULHER DE FORMA INTELIGENTE
Assista...CURSO DE BATERIA DO
BÁSICO AO AVANÇADO
BOX - Método
Homem Alpha
Bizolhando pela NET, encontrei sites
Um melhor do que o outro - (+18)

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!!!


Vídeo do Youtube Dentro de Uma Pop Up Vídeo do Youtube Dentro de Uma Pop Up Reviewed by Muca on 4/10/2014 02:54:00 PM Rating: 5