Cita:
Iniciado por Skylink182 
Buenas, tengo una interrogante desde hace dias quiero hacer una web donde yo ponga una zona que sea el reproductor de video y debajo de esta varias peliculas, mi pregunta es como pongo el enlace del video para que nada mas cambie la zona donde se va a Reproductor sin que se tenga que refrescar la pagina completa..?
Podéis hacerlo jugando con iframes.
Una página que cargue 2 iframes con distintos valores en name, cargad una página que contenga el primer vídeo de vuestra lista por default en el iframe superior y en el iframe inferior cargad tu lista de vídeos.
Al pinchar sobre cualquier vídeo de tu lista haced que os cargue otra página con el vídeo correspondiente en el iframe superior, tendréis que crear tantas páginas independientes como vídeos necesitéis.
El código sería algo así:
<iframe src="video1.html" name="video" width="587" marginwidth="0" height="362" scrolling="no" frameborder="0" id="ifrm">Sorry,
you cannot view this web page because your browser doesn't support iframes.</iframe>
<iframe src="list.html" name="listado" width="587" marginwidth="0" height="600" scrolling="yes" frameborder="0" id="ifrm">Sorry,
you cannot view this web page because your browser doesn't support iframes.</iframe>
Este es el Script para que ajuste perfecto el iframe antes del cierre de la etiqueta </head>:
<script type="text/javascript">
function getDocHeight(doc) {
var docHt = 0, sh, oh;
if (doc.height) docHt = doc.height;
else if (doc.body) {
if (doc.body.scrollHeight) docHt = sh = doc.body.scrollHeight;
if (doc.body.offsetHeight) docHt = oh = doc.body.offsetHeight;
if (sh && oh) docHt = Math.max(sh, oh);
}
return docHt;
}
function setIframeHeight(iframeName) {
var iframeWin = window.frames[iframeName];
var iframeEl = document.getElementById? document.getElementById(iframeName): document.all? document.all[iframeName]: null;
if ( iframeEl && iframeWin ) {
iframeEl.style.height = "auto"; // helps resize (for some) if new doc shorter than previous
var docHt = getDocHeight(iframeWin.document);
// need to add to height to be sure it will all show
if (docHt) iframeEl.style.height = docHt + 10 + "px";
}
}
function loadIframe(iframeName, url) {
if ( window.frames[iframeName] ) {
window.frames[iframeName].location = url;
return false;
}
else return true;
}
</script>
Espero os sirva.
Si tenéis duda, envía un MP