Una forma fácil y cómoda de ver vídeos.noreply@blogger.com (Manolo)Sun, 17 Nov 2024 11:24:15 +0100Blogger http://www.blogger.com39125http://selectube.blogspot.com/en-usnoUna forma fácil y cómoda de ver vídeos.noreply@blogger.comhttp://selectube.blogspot.com/2024/03/si-el-servicio-hablara.htmlnoreply@blogger.com (Manolo)Fri, 22 Mar 2024 02:31:00 +0100tag:blogger.com,1999:blog-6665097552971054352.post-4268017329084522844 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 171331; // Identificador del programa var dirWeb = "http://rtve.es/pr/"+idProg; $.getJSON("http://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2024/03/verano-azul.htmlnoreply@blogger.com (Manolo)Fri, 22 Mar 2024 02:24:00 +0100tag:blogger.com,1999:blog-6665097552971054352.post-6904944976563151081 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 10570; // Identificador del programa var dirWeb = "http://rtve.es/pr/"+idProg; $.getJSON("http://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2024/03/salon-de-te-la-moderna.htmlnoreply@blogger.com (Manolo)Fri, 22 Mar 2024 02:05:00 +0100tag:blogger.com,1999:blog-6665097552971054352.post-1370573529833592239 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 175670; // Identificador del programa var dirWeb = "http://rtve.es/pr/"+idProg; $.getJSON("http://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2023/11/la-promesa.htmlnoreply@blogger.com (Manolo)Fri, 10 Nov 2023 20:51:00 +0100tag:blogger.com,1999:blog-6665097552971054352.post-2973251370975871222 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 169690; // Identificador del programa var dirWeb = "http://rtve.es/pr/"+idProg; $.getJSON("http://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2017/01/el-final-del-camino.htmlRtveSeriesnoreply@blogger.com (Manolo)Tue, 17 Jan 2017 23:50:00 +0100tag:blogger.com,1999:blog-6665097552971054352.post-5709542447464013484 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 104510; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/flash-moda-monograficos.htmlDocumentalesRtvenoreply@blogger.com (Manolo)Mon, 19 Sep 2016 17:23:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-1857792721165438212 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 48750; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/ramon-y-cajal.htmlRtveSeriesnoreply@blogger.com (Manolo)Mon, 19 Sep 2016 17:17:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-8137582142624350480 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 42750; // Identificador del programa var dirWeb = "http://rtve.es/pr/"+idProg; $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/victor-ros.htmlRtveSeriesnoreply@blogger.com (Manolo)Mon, 19 Sep 2016 02:42:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-8659246371811003085 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 68810; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; // Acceso api programa para sacar temporadas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/temporadas.json", function(result){ // sacamos temporadas en orden inverso. Formamos lis con enlaces $($(result.page.items).get().reverse()).each(function(i, temporada){ eTemp="<li id='enlace"+ temporada.id + "'><a data-toggle='pill' id='enlace"+ temporada.id + "' href='#tmp" + temporada.id + "'>"+ temporada.longTitle + "</a>" + "</li> "; // colocamos temporadas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada temporada donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+temporada.id+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); // Acceso api a cada una de las temporadas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/temporadas/" + temporada.id + "/videos.json", function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+temporada.id).append(newa); }); $("#tmp"+temporada.id).append("</hr>"); $("#tmp"+temporada.id).append(temporada.description); }); }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); </script> <div id="caja" class = "container"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script>http://selectube.blogspot.com/2016/09/carlos-rey-emperador.htmlRtveSeriesnoreply@blogger.com (Manolo)Mon, 19 Sep 2016 02:33:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-2509706395691150513 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 83510; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/el-hombre-de-tu-vida.htmlRtveSeriesnoreply@blogger.com (Manolo)Mon, 19 Sep 2016 02:29:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-1887406491010206404 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 98970; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/el-caso-cronica-de-sucesos.htmlRtveSeriesnoreply@blogger.com (Manolo)Mon, 19 Sep 2016 02:19:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-5182836051988347931 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 94510; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/seis-hermanas.htmlRtveSeriesnoreply@blogger.com (Manolo)Mon, 19 Sep 2016 00:56:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-8928575783046592537 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 85450; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/a-vista-de-pajaro.htmlDocumentalesRtvenoreply@blogger.com (Manolo)Sun, 18 Sep 2016 23:57:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-5075113877175833572 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 66490; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/imprescindibles-rtve.htmlDocumentalesRtvenoreply@blogger.com (Manolo)Sun, 18 Sep 2016 23:49:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-1416385494420435867 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 38596; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/la-noche-tematica.htmlProgramasRtvenoreply@blogger.com (Manolo)Sun, 18 Sep 2016 23:32:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-6719569116207504810 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 1641; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/acacias-38.htmlRtveSeriesnoreply@blogger.com (Manolo)Sun, 18 Sep 2016 23:23:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-854538445551756737 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 85370; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/la-sonata-del-silencio.htmlRtveSeriesnoreply@blogger.com (Manolo)Wed, 14 Sep 2016 00:26:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-2334219917579767127 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 94470; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/olmos-y-robles.htmlRtveSeriesnoreply@blogger.com (Manolo)Tue, 13 Sep 2016 21:21:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-4453744140150616018 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 90410; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; // Acceso api programa para sacar temporadas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/temporadas.json", function(result){ // sacamos temporadas en orden inverso. Formamos lis con enlaces $($(result.page.items).get().reverse()).each(function(i, temporada){ eTemp="<li id='enlace"+ temporada.id + "'><a data-toggle='pill' id='enlace"+ temporada.id + "' href='#tmp" + temporada.id + "'>"+ temporada.longTitle + "</a>" + "</li> "; // colocamos temporadas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada temporada donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+temporada.id+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); // Acceso api a cada una de las temporadas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/temporadas/" + temporada.id + "/videos.json", function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+temporada.id).append(newa); }); $("#tmp"+temporada.id).append("</hr>"); $("#tmp"+temporada.id).append(temporada.description); }); }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); </script> <div id="caja" class = "container"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script>http://selectube.blogspot.com/2016/09/los-jinetes-del-alba.htmlRtveSeriesnoreply@blogger.com (Manolo)Fri, 2 Sep 2016 01:50:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-635717742359580054 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 31217; // Identificador del programa var dirWeb = "http://rtve.es/pr/"+idProg; $.getJSON("http://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/celia.htmlRtveSeriesnoreply@blogger.com (Manolo)Fri, 2 Sep 2016 01:50:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-660732881108888901 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 31218; // Identificador del programa var dirWeb = "http://rtve.es/pr/"+idProg; $.getJSON("http://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/entre-naranjos.htmlRtveSeriesnoreply@blogger.com (Manolo)Fri, 2 Sep 2016 01:50:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-7453338625503168705 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 31219; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; // Acceso api del programa para sacar descripción $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(result){ // sacamos descripción del programa descProg=result.page.items[0].description; //Añadir descripción programa logo apuntando a Página Web $("#inf").before(descProg); $("#inf").before("<hr>"); }); // Acceso api del programa para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json", function(result){ // sacamos fechas, descripción y miniaturas. Las cargamos en variables. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#temporadas").append(newa); }); completo = $( "a[id*='miniatura']" ).not( "a[title*='Capítulo']" ); completo.toggle(); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve }); </script> <div id="caja" class = "container"></div> <div id = "temporadas" class="tab-content"></div> <p id="inf"></p> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/la-barraca.htmlRtveSeriesnoreply@blogger.com (Manolo)Fri, 2 Sep 2016 01:49:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-1401961702158088231 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 31211; // Identificador del programa var dirWeb = "http://rtve.es/pr/"+idProg; $.getJSON("http://www.rtve.es/api/programas/" + idProg + ".json", function(datos){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(datos.page.items, function(cont, prog){ $("#caja").append("<p>"+prog.description+"</p>"); $("#caja").append("<br>"); }); }); // Acceso api programa para sacar páginas y elementos $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&type=39816", function(resultado){ // sacamos páginas. Formamos lis con enlaces $.each(resultado, function(i, pagina){ paginas = pagina.totalPages; elementos = pagina.numElements; for (pages= 0; pages < paginas; pages++) { eTemp="<li id='enlace"+ pages + "'><a data-toggle='pill' id='enlace"+ pages + "' href='#tmp" + pages + "'>Página "+ (pages+1) + "</a>" + "</li> "; // colocamos páginas en ul enlaces $("#enlaces").append(eTemp); // creamos divs por cada página donde coloraremos miniaturas var $newdiv = $( "<div id='tmp"+pages+"' class='tab-pane fade'></div>" ); $("#temporadas").append( $newdiv); sacar(pages); }; }); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve todas = $( "li[id^='enlace']" ); //todos los enlaces-temporadas todas.first().addClass("active"); //1er enlace active todos = $( "div[id^='tmp']" ); //todos los divs-temporadas todos.first().addClass("tab-pane fade in active"); //1er div active }); function sacar(pages){ // Acceso api a cada una de las páginas para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json?&Size="+elementos+"&type=39816&page="+(pages+1), function(result){ // sacamos fechas, descripción y miniaturas. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#tmp"+pages).append(newa); }); }); }; </script> <div id="caja"></div> <ul id = "enlaces" class="nav nav-pills"></ul> <div id = "temporadas" class="tab-content"></div> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/los-gozos-y-las-sombras.htmlRtveSeriesnoreply@blogger.com (Manolo)Fri, 2 Sep 2016 01:49:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-473809696536855827 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 10250; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; // Acceso api del programa para sacar descripción $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(result){ // sacamos descripción del programa descProg=result.page.items[0].description; //Añadir descripción programa logo apuntando a Página Web $("#inf").before(descProg); $("#inf").before("<hr>"); }); // Acceso api del programa para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json", function(result){ // sacamos fechas, descripción y miniaturas. Las cargamos en variables. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#temporadas").append(newa); }); completo = $( "a[id*='miniatura']" ).not( "a[title*='Capítulo']" ); completo.toggle(); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve }); </script> <div id="caja" class = "container"></div> <div id = "temporadas" class="tab-content"></div> <p id="inf"></p> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/la-regenta.htmlRtveSeriesnoreply@blogger.com (Manolo)Fri, 2 Sep 2016 01:48:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-834853428089527781 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 31212; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; // Acceso api del programa para sacar descripción $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(result){ // sacamos descripción del programa descProg=result.page.items[0].description; //Añadir descripción programa logo apuntando a Página Web $("#inf").before(descProg); $("#inf").before("<hr>"); }); // Acceso api del programa para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json", function(result){ // sacamos fechas, descripción y miniaturas. Las cargamos en variables. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#temporadas").append(newa); }); completo = $( "a[id*='miniatura']" ).not( "a[title*='Capítulo']" ); completo.toggle(); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve }); </script> <div id="caja" class = "container"></div> <div id = "temporadas" class="tab-content"></div> <p id="inf"></p> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script> http://selectube.blogspot.com/2016/09/el-camino.htmlRtveSeriesnoreply@blogger.com (Manolo)Fri, 2 Sep 2016 01:48:00 +0200tag:blogger.com,1999:blog-6665097552971054352.post-1218197175348183514 <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script> // Variables var x="https://www.rtve.es/drmn/embed/video/3696535"; // vídeo inicial var idProg = 31191; // Identificador del programa var dirWeb = "https://rtve.es/pr/"+idProg; // Acceso api del programa para sacar descripción $.getJSON("https://www.rtve.es/api/programas/" + idProg + ".json", function(result){ // sacamos descripción del programa descProg=result.page.items[0].description; //Añadir descripción programa logo apuntando a Página Web $("#inf").before(descProg); $("#inf").before("<hr>"); }); // Acceso api del programa para sacar miniaturas y fechas $.getJSON("https://www.rtve.es/api/programas/" + idProg + "/videos.json", function(result){ // sacamos fechas, descripción y miniaturas. Las cargamos en variables. Formamos enlaces con fotos $.each(result.page.items, function(cont, capitulo){ // creamos enlaces-capítulos interactivos var newa = document.createElement("a"); newa.id = 'miniatura'+ capitulo.id; newa.title = capitulo.longTitle; newa.href= '#infoModal'; newa.onclick = function() { $('#infoModal').modal('toggle'); var foto = "<img src='"+capitulo.imageSEO+"' class='img-thumbnail' width='250'>"; $('#mTitle').html(foto + "<h3 class='text-primary'>" + capitulo.longTitle + "</h3>" + "<h6 class='text-secondary'>" + capitulo.publicationDate+ "</h6>"); vEmbed= "https://www.rtve.es/drmn/embed/video/" + capitulo.id; var pagWeb= "https://rtve.es/v/"+capitulo.id; $('#mText').html("<h6 class='text-secondary'>" + capitulo.description + "</h6>" + "<a href='"+pagWeb+"' target='_blank'; >Más información</a>"); }; // creamos y colocamos miniaturas en los enlaces-capítulos var newimg = document.createElement("img"); newimg.className ='img-thumbnail'; newimg.src = capitulo.imageSEO; newimg.width = '120'; $(newa).append(newimg); //colocamos enlaces-capítulos con miniaturas en el div de su temporada $("#temporadas").append(newa); }); completo = $( "a[id*='miniatura']" ).not( "a[title*='Capítulo']" ); completo.toggle(); $("#eWeb").attr("href", dirWeb); //apunte a programa en Rtve }); </script> <div id="caja" class = "container"></div> <div id = "temporadas" class="tab-content"></div> <p id="inf"></p> <a id="eWeb" href="#" target="_blank">Más información</a></br> <button id="seguir" type="button" class="btn btn-success center-block " onclick="seguirViendo()">Vídeo en curso</button> <!-- infoModal --> <div class="modal fade" id="infoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button id="bInfoModal" type="button" class="close" data-dismiss="modal">&times;</button> <h4 id="mTitle" class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p id="mText">Some text in the modal.</p> </div> <div class="modal-footer"> <button id="bSeguir" type="button" class="btn btn-success" onclick="seguirViendo()" data-dismiss="modal">Seguir viendo</button> <button id="bVer" type="button" class="btn btn-danger" onclick="verVideo()" data-dismiss="modal">Ver éste</button> <button id="bCerrar" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <!-- videoModal --> <div class="modal fade" id="videoModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-body"> <iframe id="mVideo" src="" frameborder="0"; width="420"; height="250"; allowfullscreen="yes");> <p>Your browser does not support iframes.</p> </iframe> </div> <div class="modal-footer"> <button id="videoVer" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button> </div> </div> </div> </div> <script> function verVideo(){ $('#mVideo').attr("src", vEmbed); $('#videoModal').modal('toggle'); }; function seguirViendo(){ $('#videoModal').modal('toggle'); }; </script>