- Desde
- 20 Abr 2010
- Mensajes
- 3.117
se rompieron las imagenes :S
La adjunto en el tuto, la podes descargar ahi y subir a tu servidor!
se rompieron las imagenes :S
Consulta, me para el video x seg, no me muestra la imagen y por ende, haces clic en el video y sigue la reproducción! Que puede ser? :encouragement::encouragement:
var js, js1, fjs = document.getElementsByTagName('script')[0];
js = document.createElement('script'); js.id = 'facebook-jssdk';
js1 = document.createElement('script'); js1.id = 'YouTubeAPI';
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3&appId="+configs.appID;
js1.src = 'https://www.youtube.com/iframe_api';
fjs.parentNode.insertBefore(js, fjs);
fjs.parentNode.insertBefore(js1, fjs);
var player;
var done = false;
function compartirYT() {
FB.ui({
method: 'share',
href: document.location.href,
},
function(response) {
if (response && !response.error_code) {
$(".shareBox").remove();
player.playVideo();
} else {
alert("Error! tienes que compartirlo.");
}
});
}
function onYouTubeIframeAPIReady() {
player = new YT.Player('youtubePlayer', {
height: configs.height,
width: configs.width,
videoId: configs.id,
playerVars: {
'controls': 1,
'showinfo': 0,
'rel': 0,
'iv_load_policy': 3,
'modestbranding': 1
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.setVolume(100);
cajaCompartir();
}
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PLAYING && !done) {
setTimeout(function(){
player.pauseVideo();
$('.shareBox').show();
}, configs.segundos * 1000);
done = true;
}
}
function cajaCompartir() {
var width = $('#youtubePlayer').width();
var height = $('#youtubePlayer').height();
var img = new Image();
img.src = configs.image;
var inter = setInterval(function() {
if (img.width && img.height) {
$('#youtube').prepend('<div class="shareBox" style="width:'+width+'px;height:'+height+'px;position:absolute;background:rgba(0,0,0,.6);display:none;z-index:9999"><img class="img-compartir" src="'+configs.image+'" style="max-width:100%;position:absolute;top:50%;left:50%;margin:-'+img.height/2+'px 0 0 -'+img.width/2+'px;cursor:pointer" onclick="compartirYT()"></div>');
clearInterval(inter);
}
}, 100);
}
Cambia el js que tienes en pepepa.js en tu web por este:
Insertar CODE, HTML o PHP:var js, js1, fjs = document.getElementsByTagName('script')[0]; js = document.createElement('script'); js.id = 'facebook-jssdk'; js1 = document.createElement('script'); js1.id = 'YouTubeAPI'; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3&appId="+configs.appID; js1.src = 'https://www.youtube.com/iframe_api'; fjs.parentNode.insertBefore(js, fjs); fjs.parentNode.insertBefore(js1, fjs); var player; var done = false; function compartirYT() { FB.ui({ method: 'share', href: document.location.href, }, function(response) { if (response && !response.error_code) { $(".shareBox").remove(); player.playVideo(); } else { alert("Error! tienes que compartirlo."); } }); } function onYouTubeIframeAPIReady() { player = new YT.Player('youtubePlayer', { height: configs.height, width: configs.width, videoId: configs.id, playerVars: { 'controls': 1, 'showinfo': 0, 'rel': 0, 'iv_load_policy': 3, 'modestbranding': 1 }, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } function onPlayerReady(event) { event.target.setVolume(100); cajaCompartir(); } function onPlayerStateChange(event) { if (event.data == YT.PlayerState.PLAYING && !done) { setTimeout(function(){ player.pauseVideo(); $('.shareBox').show(); }, configs.segundos * 1000); done = true; } } function cajaCompartir() { var width = $('#youtubePlayer').width(); var height = $('#youtubePlayer').height(); var img = new Image(); img.src = configs.image; var inter = setInterval(function() { if (img.width && img.height) { $('#youtube').prepend('<div class="shareBox" style="width:'+width+'px;height:'+height+'px;position:absolute;background:rgba(0,0,0,.6);display:none;z-index:9999"><img class="img-compartir" src="'+configs.image+'" style="max-width:100%;position:absolute;top:50%;left:50%;margin:-'+img.height/2+'px 0 0 -'+img.width/2+'px;cursor:pointer" onclick="compartirYT()"></div>'); clearInterval(inter); } }, 100); }
:encouragement:
igual!
Muchas gracias por tu tiempo!
<script src="http://urlweb.com/pepepa.js?a=1"></script>
Si es en la web que me mandaste por MP, yo no veo que lo hayas actualizado XD
- - - Actualizado - - -
Ah ya encontré el error, es el caché, en el script agrégale esto al final: ?a=1 debería quedar así:
Insertar CODE, HTML o PHP:<script src="http://urlweb.com/pepepa.js?a=1"></script>