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>

Posted on Abril 10, 2011, in Código-Fonte. Bookmark the permalink. 3 comentários.

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

  2. como faço isso no wordpress ?

Deixe uma Resposta

Preencha os seus detalhes abaixo ou clique num ícone para iniciar sessão:

Logótipo da WordPress.com

Está a comentar usando a sua conta WordPress.com Terminar Sessão / Alterar )

Imagem do Twitter

Está a comentar usando a sua conta Twitter Terminar Sessão / Alterar )

Facebook photo

Está a comentar usando a sua conta Facebook Terminar Sessão / Alterar )

Google+ photo

Está a comentar usando a sua conta Google+ Terminar Sessão / Alterar )

Connecting to %s

%d bloggers like this: