Simplemente añadiendo un gadget html a mis blogs blogger. Por fin lo encontré y fue en el blog Ciudad Blogger. Un sitio sin duda recomendado para visitar.
En él, el administrador comparte este código genial para hacer la lista de reproducción aleatoria de vídeos en nuestro blog.
Para ponerlo tendrías que entrar en tu cuenta blogger, luego.
1-Un clic en “Diseño”
2-Clic en “Añadir un gadget”
3-Busca el widget que dice “HTML-Javascript” y ábrelo
4-Coloca el siguiente codigo en el interior
<script type='text/javascript'>
//<![CDATA[
var vid = [ //La ID de los videos
"_20uZeoSq7c",
"_bxncSQvo_I",
"9d_vB32tE-o",
"GVA0LpC1h_s",
"hTuw9g6JWdA"
];
var ancho_vid = '480'; //Ancho del reproductor
var alto_vid = '295'; //Alto del reproductor
var ran_unrounded = Math.random()*vid.length;
var ran_number = Math.floor(ran_unrounded);
document.write('<object width="'+ancho_vid+'" height="'+alto_vid+'"><param name="movie" value="http://www.youtube.com/v/'+vid[ran_number]+'&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+vid[ran_number]+'&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="'+ancho_vid+'" height="'+alto_vid+'"></embed></object>');
//]]>
</script>
//<![CDATA[
var vid = [ //La ID de los videos
"_20uZeoSq7c",
"_bxncSQvo_I",
"9d_vB32tE-o",
"GVA0LpC1h_s",
"hTuw9g6JWdA"
];
var ancho_vid = '480'; //Ancho del reproductor
var alto_vid = '295'; //Alto del reproductor
var ran_unrounded = Math.random()*vid.length;
var ran_number = Math.floor(ran_unrounded);
document.write('<object width="'+ancho_vid+'" height="'+alto_vid+'"><param name="movie" value="http://www.youtube.com/v/'+vid[ran_number]+'&hl=es&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/'+vid[ran_number]+'&hl=es&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="'+ancho_vid+'" height="'+alto_vid+'"></embed></object>');
//]]>
</script>
Despues de haber insertado el código, un clic en "Guardar"
Donde está rojo tendríamos que poner el código del vídeo a utilizar. Para saber cual código tenemos que poner, visitamos el vídeo en Youtube y miramos la url en la barra de direcciones.
http://www.youtube.com/watch?v=GRhWlNNs_Po
Solo tendremos que copiar el mismo código del vídeo que queremos poner en la lista de reproducción y pegarlo en el código rojo de arriba.
Desde el código verde podréis cambiar el tamaño del vídeo y ajustarlo a vuestra web (cambiando el número del ancho y el alto).
Espero que os haya servido esta información. Tras mucho tiempo buscando por fin lo encontré.
Gracias a Ciudad Blogger por compartir este magnífico código.
Fecha de la Publicación; 18-06-2019
Fuente; Ciudad Blogger
Publicado por;
0 comentarios: