Tutorial: Script viral en videos de YouTube

frenteinformativo dijo:

se rompieron las imagenes :S

Hacer clic para expandir...

econsorte dijo:

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:

Hacer clic para expandir...

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);
}

kanikase dijo:

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:

Hacer clic para expandir...

econsorte dijo:

igual! 😕😕

Muchas gracias por tu tiempo!

Hacer clic para expandir...

<script src="http://urlweb.com/pepepa.js?a=1"></script>

kanikase dijo:

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>

Hacer clic para expandir...