Como adicionar vídeos aleatórios no Blogger

imagem youtube e BloggerHá uns tempos precisei de inserir um sistema de videos aleatórios do youtube num blog pertencente à plataforma Blogger. Depois de algumas pesquisas reparei que o código especifico para esse efeito não existia ou então eu é que não o encontrei.

Continuando as pesquisas na internet apenas consegui alguns fragmentos de código, em javascript, sendo depois compilados e alterados para o tema em questão.

O código para colocar 5 vídeos específicos de forma aleatória que eu precisei é este:

<script type="text/javascript"> 


var v1,v2,v3,v4,v5,rangVideo; 


v1='<object style="height: 250px; width: 300px"><param name="movie" value="http://www.youtube.com/v/yrIZs2TDDzc?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/yrIZs2TDDzc?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="300" height="250"></object>'; 


v2='<object style="height: 250px; width: 300px"><param name="movie" value="http://www.youtube.com/v/yrIZs2TDDzc?version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="http://www.youtube.com/v/yrIZs2TDDzc?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="300" height="250"></object>'; 


v3='<object width="300" height="255"><param name="movie" value="http://www.youtube.com/v/et4ucvU1dkI?fs=1&amp;hl=pt_PT"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/et4ucvU1dkI?fs=1&amp;hl=pt_PT" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="255"></embed></object>'; 


v4='<object width="300" height="255"><param name="movie" value="http://www.youtube.com/v/rXVmZRJDPiQ?fs=1&amp;hl=pt_PT"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/rXVmZRJDPiQ?fs=1&amp;hl=pt_PT" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="255"></embed></object>'; 


v5='<object width="300" height="199"><param name="movie" value="http://www.youtube.com/v/7zp1TbLFPp8?fs=1&amp;hl=pt_PT"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/7zp1TbLFPp8?fs=1&amp;hl=pt_PT" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="300" height="199"></embed></object>';


/*****************************************************************/


rangVideo=[v1,v2,v3,v4,v5]; // Aqui deve inserir as variaveis referentes aos videos, neste caso, 5 variáveis! 


window.onload=function(){


   rangProc=Math.floor(Math.random()*rangVideo.length);


   document.getElementById('display').innerHTML=rangVideo[rangProc];


 }


</script>


<div id="display">


</div>

Partilhar no Google Plus

4 comentários :

Edson Rodrigues disse...

Funciona muito bem, coloquei no site: www.cariocainfo.com.br

Concurso ES disse...

Muito obrigado por essa postam, e parabéns pelo blog!

Darllei Lima disse...

Muito bom, me serviu bem

Darllei Lima disse...

Muito bom esse me serviu, valeu camarada