Após muitas pesquisas na internet e conversas com desenvolvedores amigos meu, descobri uma maneira de contornar esse problema.

Então vamos lá, mãos a obra!

A técnica consiste na reescrita do código embed (incorporar) para que ele fique válido.

Geralmente quando se pega o código embed lá do YouTube, ele vem assim:

1

<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/6V_rYZo9sVg&hl=pt_BR&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6V_rYZo9sVg&hl=pt_BR&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

Um código muito grande e que não passa no teste de validação da W3C, para validá-lo basta reescreve-lo desta maneira:

1

<object type="application/x-shockwave-flash" width="250" height="195" data="http://www.youtube.com/v/6V_rYZo9sVg"><param name="movie" value="http://www.youtube.com/v/6V_rYZo9sVg"/><param name="wmode" value="transparent"/></object>

Bem mais curto e totalmente válido para os padrões da W3C, o grande lance nesse código é o seguinte: Neste novo visual do Youtube, você vai perceber que há um botão escrito “Compartilhar”, ao clicar nele vai aparecer o link do vídeo, o que é importante para nós neste link é o id do vídeo que é esse destacado na imagem abaixo:

substitua esse id em nosso código nos seguintes trechos logo após “…/v/”:

Aqui

1

data="http://www.youtube.com/v/6V_rYZo9sVg">

e aqui

1

value="http://www.youtube.com/v/6V_rYZo9sVg">

é isso, qualquer dúvida é só deixar um comentário.

Até a proxima