Necesito ayuda con estos codigos

Mensajes
90
Puntuación de reacción
0
Hola amigo les explico, utilizando las apis de youtube he logrado hacer que en mi web, en un video de youtube, cuando la persona lo reproduce, en una cantidad de segundos determinado, se pausa el video y muestra un cartel.. Pero quiero hacer lo siguiente:
Quiero que ademas de ese carte cargue una pagina externa utilizando la sentencia .load()..

Estos son los codigos:
Script.js(Solo subire la parte importante, no todo el archivo completo):
Código:
function onPlayerStateChange(event) {
	if (event.data == YT.PlayerState.PLAYING && !done) {
		setTimeout(function(){
			player.pauseVideo();
			$('.Box').show();
			$('#Box').load('anuncio.php');
		}, configs.segundos * 1000);
		done = true;
	}
}
function caja() {
	var width = $('#youtubePlayer').width();
	var height = $('#youtubePlayer').height();
	var inter = setInterval(function() {
			$('#youtube').prepend('<center><div  id="Box" class="Box" style="width:'+width+'px;height:'+height+'px;position:absolute;background:rgba(0,0,0,.6);display:none"><img src="'+configs.imagen+'"></div></center>');
			clearInterval(inter);
	}, 100);
}

Pero cuando lo ejecuto solo, sale el cartel principal, no jala el div que esta en la pagina anuncio.php

Que puedo hacer? no me importa que no aparezca el Box, solo quiero que cuando la persona le de play al video y pasen los segundos, se pause el video y salga el contenido de anuncio.php..

Como lo hago?

Muchas gracias
 

hasdpk

Piedra
Usuario de Piedra
Mensajes
67
Puntuación de reacción
0
¿Quieres que el usuario abandone la página a la nueva? o ¿Quieres que salga un popup?
 

hasdpk

Piedra
Usuario de Piedra
Mensajes
67
Puntuación de reacción
0
Podrías poner el código HTML/PHP del elemento #Box.
 
Mensajes
90
Puntuación de reacción
0
Podrías poner el código HTML/PHP del elemento #Box.

En el mismo codigo que adjunte esta:
Código:
<center><div  id="Box" class="Box" style="width:'+width+'px;height:'+height+'px;position:absolute;background:rgba(0,0,0,.6);display:none"><img src="'+configs.imagen+'"></div></center>
 

hasdpk

Piedra
Usuario de Piedra
Mensajes
67
Puntuación de reacción
0
Deberías de crear el elemento #box fuera de JavaScript, o en su defecto, crearlo en onPlayerStateChange(), ya que el mismo llama a #box pero no existe, por que lo crea caja().

Si siempre vas a cargar anuncio.php, lo ideal es que crees el #box en el <body> de tu página, y en él hagas un include() o uses un iframe.
 
Mensajes
90
Puntuación de reacción
0
Deberías de crear el elemento #box fuera de JavaScript, o en su defecto, crearlo en onPlayerStateChange(), ya que el mismo llama a #box pero no existe, por que lo crea caja().

Si siempre vas a cargar anuncio.php, lo ideal es que crees el #box en el <body> de tu página, y en él hagas un include() o uses un iframe.

Que codigos tengo que usar, explicame mas por favor
 
Arriba