Ir para conteúdo
Fórum Script Brasil
  • 0

Video Do Youtube.


vinicius_191

Pergunta

Galera, primeiramente queria dizer que o site aqui é otimo, esclarece muitas dúvidas.

Bom, vamos ao meu problema: Eu comecei a mexe com o Html faz uns 3 dias. Eu criei um layout no Photoshop, dividi as partes que com a ferramente Fatia (acho que é Slice) fui em salvar para a Web, salvo um arquivo html e uma pasta com as imagens. Eu edito esse arquivo html no Dreamweaver, coloco links nas imagens e tudo mais, razoavelmente facil. O problema é que agora eu queria coloca um video do YouTube, por exemplo, pra aparece na minha pagina, não so o link dele. Eu sei que copiando e colando o o codigo que o proprio YouTube oferece vai aprece a telinha com o video e é so clicar em Play, Só que eu não to conseguindo coloca esse video dentro da minha pagina. Quando eu colo o codigo dentro do <body> ele fica ou emcima ou embaixo do site ou fica no meio, e as imagens ficam todas separadas, quebra todo layout. Como colocar ele em algum lugar certo, que eu escolha ?!

Pessoal tentei explicar bem claro, pra vocês me ajudarem..

Se precisar eu posto o codigo da pagina pra vocês verem onde ta o erro e tal ..

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0

Ta ai:

<html>
<head>
<title>Sem Título-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Sem Título-1.psd) -->
<table id="Tabela_01" width="771" height="1200" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="8">
            <img src="imagens/index_01.jpg" width="770" height="221" alt=""></td>
        <td>

            <img src="imagens/spacer.gif" width="1" height="221" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <img src="imagens/index_02.jpg" width="66" height="51" alt=""></td>
        <td rowspan="3">
            <img src="imagens/index_03.jpg" width="89" height="51" alt=""></td>
        <td rowspan="3">
            <img src="imagens/index_04.jpg" width="99" height="51" alt=""></td>

        <td colspan="2" rowspan="2">
            <img src="imagens/index_05.jpg" width="111" height="50" alt=""></td>
        <td rowspan="4">
            <img src="imagens/index_06.jpg" width="191" height="53" alt=""></td>
        <td rowspan="2">
            <img src="imagens/index_07.jpg" width="145" height="50" alt=""></td>
        <td>
            <img src="imagens/index_08.jpg" width="69" height="48" alt=""></td>
        <td>

            <img src="imagens/spacer.gif" width="1" height="48" alt=""></td>
    </tr>
    <tr>
        <td rowspan="4">
            <img src="imagens/index_09.jpg" width="69" height="931" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="2" alt=""></td>
    </tr>
    <tr>

        <td rowspan="3">
            <img src="imagens/index_10.jpg" width="109" height="929" alt=""></td>
        <td rowspan="2">
            <img src="imagens/index_11.jpg" width="2" height="3" alt=""></td>
        <td rowspan="3">
            <img src="imagens/index_12.jpg" width="145" height="929" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="1" alt=""></td>
    </tr>

    <tr>
        <td colspan="3" rowspan="2">
            <img src="imagens/index_13.jpg" width="254" height="928" alt=""></td>
        <td>
            <img src="imagens/spacer.gif" width="1" height="2" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="imagens/index_14.jpg" width="193" height="926" alt=""></td>

        <td>
            <img src="imagens/spacer.gif" width="1" height="926" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Link para o comentário
Compartilhar em outros sites

  • 0

vinicius,

o ruim de se usar editores de imagem pra criação do layout (Photoshop, Corel, Firework ...) é que eles criam tabelas e dentro das células vai botanda as imagens. O ideal é que as imagens sejam "plano de fundo" das células e não "conteúdo" delas.

Escolha a célula onde você quer botar o vídeo. Remova a imagem de dentro e a defina como fundo da célula. Como conteúdo da célula coloque o código fornecido pelo YouTube.

OBS.: Defina o tamanho (height e size) da célula de acordo com o tamanho da figura. E só coloque o vídeo dentro de uma célula maior que o player do YouTube (ou em uma região vazia)

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...