Você não está conectado. Conecte-se ou registre-se

Como colocar qualquer tipo de vídeo na página HTML

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

AngelWars

avatar
Membro ativo

  • Descrição:
Olá pessoal, bom, tenho uma página no meu fórum "http://www.seriespot.com.br/h9-amc-brasil" e gostaria de colocar um qualquer tipo de vídeo
ou slide de fotos na parte onde está destacado de branco ( para entender bem melhor acesse o link ).

Alguém pode me ajudar?
  • Informações:
Fórum:http://www.seriespot.com.br/h9-amc-brasilVersão:PUNBB
Tipo:Pedido de códigoTags:colocar,qualquer,vídeo,página

Ver perfil do usuário

Fox

avatar
Membro ativo

Use o código abaixo para botar vídeos do youtube:

Código:
<iframe style="width: 440px; height: 275px;" src="//www.youtube.com/embed/x4p8sMmRl64" allowfullscreen="" frameborder="0"> </iframe>

Para trocar o vídeo, basta alterar o fim do código www.youtube.com/embed/x4p8sMmRl64

Ver perfil do usuário http://grandedown.forumeiros.com

AngelWars

avatar
Membro ativo

@Fox fiz o que você disse não fico no quadrado branco Sad
veja, http://i.imgur.com/aGse4Nv.png

É assim que eu quero veja a montagem.
http://i.imgur.com/oyJej1c.png - o player do vídeo é pra fica na onde está o quadrado, o quadrado tem o tamanho de 770x480
você consegui fazer isso?

Link do player pra fica no quadrado branco é: http://tv-msn.com/mgm.html

Código:
<html><head><title>AMC Brasil - Muito Mais</title>
<body bgcolor="#282828">
<style>
body {
background-image: url("http://i.imgur.com/Q9GSk0W.png");
background-position: center;
}
</style>
</body>
<div style="text-align: center;"><img id="Image-Maps-Com-image-maps-2015-04-06-163642" src="http://i.imgur.com/RNuGmzr.png" border="0" width="1134" height="851" orgWidth="900" orgHeight="851" usemap="#image-maps-2015-04-06-163642" alt="" />
<map name="image-maps-2015-04-06-163642" id="ImageMapsCom-image-maps-2015-04-06-163642">
<area  alt="" title="Facebook" href="https://www.facebook.com/AMCBrasilTV" shape="rect" coords="694,5,770,83" style="outline:none;" target="_self"    />
<area  alt="" title="Twitter" href="https://www.twitter.com/AMCBrasilTV" shape="rect" coords="773,7,849,82" style="outline:none;" target="_self"    />
<area shape="rect" coords="898,849,900,851" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />
</map></div>
 
<iframe style="width: 440px; height: 275px;" src="//www.youtube.com/embed/x4p8sMmRl64" allowfullscreen="" frameborder="0"> </iframe>

Ver perfil do usuário

Angeloid

avatar
Membro elite

assim?

Código:
<html><head><title>AMC Brasil - Muito Mais</title>
<body bgcolor="#282828">
<style>
body {
background-image: url("http://i.imgur.com/Q9GSk0W.png");
background-position: center;
}
#video {
  margin-top: -715px;
  margin-left: 135px;
}
</style>
</body>
<div style="text-align: center;"><img id="Image-Maps-Com-image-maps-2015-04-06-163642" src="http://i.imgur.com/RNuGmzr.png" border="0" width="1134" height="851" orgWidth="900" orgHeight="851" usemap="#image-maps-2015-04-06-163642" alt="" />
<map name="image-maps-2015-04-06-163642" id="ImageMapsCom-image-maps-2015-04-06-163642">
<area  alt="" title="Facebook" href="https://www.facebook.com/AMCBrasilTV" shape="rect" coords="694,5,770,83" style="outline:none;" target="_self"    />
<area  alt="" title="Twitter" href="https://www.twitter.com/AMCBrasilTV" shape="rect" coords="773,7,849,82" style="outline:none;" target="_self"    />
<area shape="rect" coords="898,849,900,851" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />
</map></div>
 
<div id="video"><iframe style="width: 843px; height: 451px;" src="//www.youtube.com/embed/x4p8sMmRl64" allowfullscreen="" frameborder="0"> </iframe></div>



Ver perfil do usuário

AngelWars

avatar
Membro ativo

Obrigado pela ajuda @Angeloid

Ver perfil do usuário

AngelWars

avatar
Membro ativo

No caso como que fica com esse tipo de vídeo?

Código:
<div id="fb-root"></div><script>(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) return;  js = d.createElement(s); js.id = id;  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-post" data-href="https://www.facebook.com/AMCBrasilTV/posts/1129446880414958" data-width="875"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/AMCBrasilTV/posts/1129446880414958">Posted by <a href="https://www.facebook.com/AMCBrasilTV">AMC Brasil</a> on <a href="https://www.facebook.com/AMCBrasilTV/posts/1129446880414958">Segunda, 6 de abril de 2015</a></blockquote></div></div>

Ver perfil do usuário

Conteúdo patrocinado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum