Esqueceu
da criança
CURSO COMPLETO ONLINE
CRIE SEUS PRÓPRIOS DESENHOS ANIMADOS
Barata Tonta
Links da Semana
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