Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Diogo Henrique_155768

reproduzir video em meu site

Recommended Posts

nesse script não funciona os videos vem do banco de dados aparece o formato do vídeo em branco

esse script e de uma vídeo aula de Fernando n. cozzolio do site beckk

 

<div style="width:200px; float:left; padding:30px; text-align:center">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="200" height="200">

<param name="movie" value="<? echo $video ?>" />

<param name="quality" value="high" />

<embed src="<? echo $video ?>" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="200"></embed>

</object>

<a href="index.php?pg=videos&funcao=alterar&id=<? echo $id ?>" style="color:#FFFFFF"><strong>Alterar</strong></a><br />

<a href="funcao_videos.php?funcao=excluir&id=<? echo $id ?>" style="color:#FFFFFF"><strong>Excluir</strong></a>

</div>

 

tentei fazer assim mais também não funciona eu to salvando o link dos videos assim http://youtu.be/OT69Zi1aILA

como tem no próprio youtube mesmo na aba incorporar

 

<iframe width="560" height="315" src="<? echo $video ?> "frameborder="0" allowfullscreen></iframe>

 

e estar deixando meu rodape em branco kkkkkkkk porque sera ?

segue uma imagem de como ta

http://imageshack.us/photo/my-images/854/videoss.jpg/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Isso é Webstandards.

 

Mas como sou camarada, não vou te deixar na mão.

 

Bom, a primeira coisa a considerar. Não faça isso:

<div style="width:200px; float:left; padding:30px; text-align:center">

Utilize uma classe com essas propriedades. Muito mais válido.

 

Segundo:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="200" height="200">
<param name="movie" value="<? echo $video ?>" />
<param name="quality" value="high" />
<embed src="<? echo $video ?>" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="200" height="200"></embed>
</object>

 

Que eca, ein? Da forma com iframe (que você mesmo citou) fica muito mais fácil e legível.

 

O código ideal para exibição de vídeos é pra ser este:

 

<iframe width="560" height="315" src="<?php echo $video; ?> "frameborder="0" allowfullscreen></iframe>

Onde a variável $video deve comportar um endereço deste tipo:

 

Ao invés de:

 

 

Mude esse formato de "salvar" os links dos vídeos. O correto é usar o /embed/ como mostrado acima.

 

Entendeu? :thumbsup:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Mas funcionou? Conseguiu exibir o vídeo?

 

Para distanciar um vídeo do outro, você pode usar a propriedade margin.

 

No CSS, pode fazer:

iframe {
  margin: 10px 0;
}

 

Isso provavelmente vai separá-los.

 

Quanto ao seu rodapé... são os vídeos do Youtube que estão deixando seu rodapé em branco? Você tem certeza que a camada (div) que agrega o seu rodapé está definida e/ou não tem como background a cor #fff (branco, em hexadecimal)?

 

Se quiser ajuda com o rodapé, poste aqui o seu HTML e o seu CSS sob as tags [­code­][/c­ode].

 

Abraço!

Compartilhar este post


Link para o post
Compartilhar em outros sites

[­code­]#fundo_rodape{height:91px; background:url(../imagens/fundo_azul_rodape.jpg) repeat-x; clear:both;}

#texto_rodape{text-align:center; padding-top:5px;}

[/c­ode]

 

meu rodape ta assim no caso ai ja e as divs que estão em um arquivo .css

 

os videos e o rodape estão assim

http://imageshack.us/photo/my-images/94/videossy.png/

usei o margin mais não aconteceu nada

 

os meus videos estão sendo expostos assim

e uma div dentro da outra

e certo fazer assim ?

 

<div id="videos">

<div style="width:200px; float:left; padding:20px; text-align:center; margin:10px 0;">

<iframe width="200" height="200" src="<? echo $video ?> "frameborder="0" allowfullscreen></iframe>

<a href="?pg=videos&funcao=detalhes&id=<? echo $id ?>" style="color:#FFFFFF"><strong>ampliar</strong></a><br />

</div>

 

 

</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Seu código está bastante inválido.

 

Em primeiro lugar, aqui:

#fundo_rodape {
  background:url(../imagens/fundo_azul_rodape.jpg) repeat-x;
  width: 100%;
  height: 91px;
  float: left;
}

#fundo_rodape p {
  text-align: center;
  padding-top: 5px;
}

No seu HTML, você vai substituir a div <div id="texto_rodape"></div> por <p></p>.

 

Quanto à esta fatia de código...

<div id="videos">
<div style="width:200px; float:left; padding:20px; text-align:center; margin:10px 0;">

<a href="?pg=videos&funcao=detalhes&id=<? echo $id ?>" style="color:#FFFFFF"><strong>ampliar</strong></a><br />
</div>

Podemos fazer assim:

<div id="videos">
  <div class="inner-padding">
  <iframe width="200" height="200" src="<? echo $video ?> "frameborder="0" allowfullscreen></iframe>

  <a href="index.php?pg=videos&funcao=detalhes&id=<?php echo $id; ?>">ampliar</a>
  </div>
</div>

E no CSS:

#video {
  width: 200px;
}

#video a {
  color: #fff;
  margin: 10px 0;
}

#video .inner-padding {
  float: left;
  padding: 20px;
  text-align: center;
  margin: 10px 0;
}

iframe {
  margin: 10px 0;
}

Entendeu?

 

Quanto ao seu rodapé, não consigo entender o porquê dele não estar aparecendo. Te dei uma meia-solução lá encima, mas foi pura dedução.

 

Ah, e sugiro você se aprofundar mais em HTML/CSS. Vejo que tens pouco conhecimento - e isso vai exigir muita dependência para programar um site.

 

Dá uma lida aqui.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.