S
Salvamagic2013
No recomendado
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Seguramente tienes algun problema compatibilidad con algun otro script que tengas instalado en tu theme, pero te puedo asegurar que funciona tanto WP como en blogger.
He visto que muchos de vosotros tenéis problemas para aplicarlo en wordpress. Este es el código para WP
Insertar CODE, HTML o PHP:
<script type='text/javascript'>
goviralhasPoppedUp = false;
</script>
<div id='player'></div>
<script type='text/javascript'>
// create youtube player
var tag = document.createElement('script');
tag.src = "http:\/\/www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '460',
width: '800',
wmode: 'transparent',
videoId: '-auSJ3HeNuQ',
playerVars: {
enablejsapi:1,
controls:1,
showinfo:0,
color:'white',
rel:0,
wmode:'transparent',
modestbranding:1,
theme:'light'
},
events: {
'onStateChange': onPlayerStateChange
}
});
}
// when video ends
function onPlayerStateChange(event) {
if(event.data == 0) { clickcallpopup(); }
}
</script>
<style>
.fb-share-button{
padding: 0px 10px 10px;
background: #4c69ba;
}
.uiIconText{
color: white;
}
</style>
<div id="mask_layer" style="background:#fff; opacity:0.5"></div>
<div id="popup" style="background: white; padding: 10px 20px; border:1px solid #888; display:none; font-weight:bold; font-family:arial; ">
<div style="margin-bottom:8px; text-align : center;">
<div style="font-size:30px">¿Te ha gustado el video?</div>
</div>
<a href="javascript:var dir=window.document.URL;var tit=window.document.title;var tit2=encodeURIComponent(tit);var dir2= encodeURIComponent(dir);window.location.href=('http://www.facebook.com/share.php?u='+dir2+'&t='+tit2+'');">
<div id="share_button" style="background:#2a5f9d; color: white; border-radius: 7px; padding: 14px; width:95%;">
<div style="margin:auto; width:340px; font-size: 14pt">
<img src="http://oi65.tinypic.com/vzdds2.jpg"> Compartir el video en Facebook
</div>
</div>
</a>
<div style="text-align: center; width:190px; margin: auto;">
<span class="share-count" style="color:#229df1; font-size:20px; font-weight:bold;"></span>
</div>
</div>
<script>
function onPlayerStateChange(event){
console.log("new state: ", event.data);
if(event.data == 0){
var player = jQuery("#player");
var popup = jQuery("#popup")
jQuery("body").append(jQuery(popup));
popup.css({
position: "absolute",
"z-index": 8,
top: jQuery(player).offset().top + jQuery(player).height()/2-popup.height()/2,
left: jQuery(player).offset().left + jQuery(player).width()/2-popup.width()/2-42/2
}).show();
console.log(jQuery(player).width()/2, popup.width()/2)
var mask = jQuery("#mask_layer");
jQuery("body").append(mask);
mask.css({
position: "absolute",
"z-index": 7,
top: jQuery(player).offset().top,
left: jQuery(player).offset().left,
width: jQuery(player).width(),
height: jQuery(player).height()
})
jQuery(".share-count").html(share_count);
clickcallpopup(); jQuery(".backgroundPopup").css({"z-index": 9});
}
}
</script>
Última edición: