Link absoluto dentro de vídeos do Youtube

Postado por: Pedro Rogério em
  • 7 nov
  • 4

Você sabia que é possível inserir vídeos do Youtube em seu site e definir que os mesmos serão iniciados em um determinado minuto? Sim, isso é possível e é muito fácil de ser feito. Basta copiarmos o código do vídeo que é gerado pelo Youtube, e na URl do vídeo, passar os seguintes parâmetros:

  • &start=249 – Onde o valor é definido em segundos, portanto 249 são 4 minutos e 15 segundos, é a partir daí que nosso vídeo começa.
  • &autoplay=1 – autoplay é obrigatório para iniciar o vídeo a partir do tempo pré-definido.

A Url do vídeo ficaria dessa forma:


http://www.youtube.com/v/bU282XY8bCU&start=249&autoplay=1

O código final fica da seguinte forma:

<object data="http://www.youtube.com/v/bU282XY8bCU&#038;start=249&#038;autoplay=1" type="application/x-shockwave-flash" width="425" height="350">
    <param name="quality" value="high" />
    <param name="movie" value="http://www.youtube.com/v/bU282XY8bCU&#038;start=249&#038;autoplay=1" />
</object>

Continuar lendo »

Inserir vídeos do Youtube em XHTML válido

Postado por: Pedro Rogério em
  • 22 jan
  • 14

O código para inserir vídeos do Youtube em sites que respeitam os WebStandards é uma dor de cabeça para desenvolvedores e para bloggers, pois o Youtube proporciona um código para você copiar e colar em nosso blog para reproduzir os vídeos de uma forma rápida e simples, mas o código não é correto como deveria:


<object width="425" height="373">
<param name="movie" value="http://www.youtube.com/v/O0G7iKj6PS0&rel=1&border=1"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/O0G7iKj6PS0&rel=1&border=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="373"></embed>
</object>

Se você for validar o código, verá os seguintes problemas:

  • Se utiliza a tag object corretamente, mas ocorre a falta de alguns parâmetros como data e type.
  • As tags param em XHTML devem ser fechadas com a sua mesma tag de abertura.
  • O uso da tag não standard embed podem produzir incompatibilidades em browsers que não a utilizam, como, dispositivos móveis e leitores de tela.
  • Não se proporciona um método alternativo caso o dispositivo não tenha suporte a Flash.

Continuar lendo »