Youtube em TV LCD

[LeO]

BBcode: Youtube em TV LCD
Função: Adiciona o BBCode Youtube em uma TV LCD.
Author: LeO

--------------------------

Uso do BBCode:

Código: Selecionar todos

[youtube]http://www.youtube.com/watch?v={SIMPLETEXT}[/youtube]

Substituição do HTML:

Código: Selecionar todos

<div align="center">
  <table width="578" height="420" border="0" cellpadding="0" cellspacing="0" bordercolor="#ECE9D8" id="Table_01">
    <tr>
      <td colspan="3">
        <img src="http://img297.imageshack.us/img297/4379/topogi.png" width="578" height="36" alt=""></td>
        </tr>
    <tr>
      <td rowspan="2">
        <img src="http://img710.imageshack.us/img710/4343/leftq.png" width="34" height="384" alt=""></td>
      <td><object width="512" height="289"><param name="movie" value="http://www.youtube.com/v/{SIMPLETEXT}"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/{SIMPLETEXT}" type="application/x-shockwave-flash" allowfullscreen="true" width="512" height="289"></embed></object></td>
        <td rowspan="2">
            <img src="http://img20.imageshack.us/img20/4676/rightk.png" width="32" height="384" alt=""></td>
      </tr>
    <tr>
      <td>
        <img src="http://img149.imageshack.us/img149/8021/baixoi.png" width="512" height="95" alt=""></td>
      </tr>
    </table>
</div>

Linha de Ajuda:

Código: Selecionar todos

YouTube: [youtube]Link do Video[/youtube]

Demo:
http://img686.imageshack.us/img686/6774/printvm.png

[tvdecoevoxl]

opa bom dia, bacana seu bbcode, porem a imagem da Tv LCD nao esta disponivel no local de armazenamento, se eu colocar uma outra imagem no meu servidor e indicar o caminho da certo? e qual tamanho da imagem pra se encaiixar no video? valeu

[_Vinny_]

se eu colocar uma outra imagem no meu servidor e indicar o caminho da certo?

Se você tiver as imagens, não tem problema algum em fazer isso.

e qual tamanho da imagem pra se encaiixar no video?

Isso depende das dimesões do video, geralmente o padrão e neste BBcode é 512x289.

[tvdecoevoxl]

valeu eu tentei aqui, mas a imagem aparece ao lado e nao como no exemplo! oque fiz de errado? é apenas uma imagem mesmo ou seria uma pra cada parte da tv?
valeu a ajuda

[RobsonArsB]

As imagens usadas são essas:

http://img297.imageshack.us/img297/4379/topogi.png
http://img710.imageshack.us/img710/4343/leftq.png
http://img20.imageshack.us/img20/4676/rightk.png
http://img149.imageshack.us/img149/8021/baixoi.png

OBS: se for muda-las tem que mudar no codigo abaixo o endereço de cada imagem:

Substituição do HTML:

Código: Selecionar todos

<div align="center">
  <table width="578" height="420" border="0" cellpadding="0" cellspacing="0" bordercolor="#ECE9D8" id="Table_01">
    <tr>
      <td colspan="3">
        <img src="http://img297.imageshack.us/img297/4379/topogi.png" width="578" height="36" alt=""></td>
        </tr>
    <tr>
      <td rowspan="2">
        <img src="http://img710.imageshack.us/img710/4343/leftq.png" width="34" height="384" alt=""></td>
      <td><object width="512" height="289"><param name="movie" value="http://www.youtube.com/v/{SIMPLETEXT}"></param><param name="allowFullScreen" value="true"></param><embed src="http://www.youtube.com/v/{SIMPLETEXT}" type="application/x-shockwave-flash" allowfullscreen="true" width="512" height="289"></embed></object></td>
        <td rowspan="2">
            <img src="http://img20.imageshack.us/img20/4676/rightk.png" width="32" height="384" alt=""></td>
      </tr>
    <tr>
      <td>
        <img src="http://img149.imageshack.us/img149/8021/baixoi.png" width="512" height="95" alt=""></td>
      </tr>
    </table>
</div>

[tvdecoevoxl]

obrigado por responder,
seguinte eu copiei as imagens para meu servidor e depois copiei este codigo acima e modificquei o endereco da imagem par ao do meu servidor, porem ainda nao aparecem corretas as imagens! mesmo depois de limpar o cache do tema :?
veja na imagem e manexo que as partes da tv estao separadas e desalinhadas

mais alguma dica?
abracos

[_Vinny_]

tvdecoevoxl, posta o link do topico no seu forum onde foi postado a mensagem com esse BBcode.

As imagens hospedadas no imageshack.us estão bloqueadas aqui.

[tvdecoevoxl]

beeleza, eu editei o tamanho das figuras e se encaixaram legal!
outra coisa sobre as imagens nakeles links que vc passou, qdo coolocadas no codigo..realmente elas nao abrem , foi por isso que precisei coloca las no meu servidor!
valeu a ajuda

[_Vinny_]

tvdecoevoxl, as figuras não carregam porque o site onde estão hospedadas mudou a politica do site e várias imagens estão bloqueadas. :|

Você fez o correto em carregar as imagens diretamente no seu servidor.

[tvdecoevoxl]

Exato, valeu pela ajuda!