Como reproduzir vídeos do YouTube em uma página HTML? Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Como reproduzir vídeos do YouTube em uma página HTML?

3 participantes

Ir para baixo

Tópico resolvido Como reproduzir vídeos do YouTube em uma página HTML?

Mensagem por MarcosSchultz 14.11.15 20:50

Detalhes da questão


Endereço do fórum: http://www.schultzgames.com/
Versão do fórum: PhpBB3

Descrição


Olá meus caros, recentemente criei esta página em HTML: http://www.schultzgames.com/h3-noticiasschultzgames

segue o código dela abaixo:
Código:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
#tabela1 {
display: table;
background: #FFFAF0;
width: 90%;
height: 600px;
float: center;
border: 1px solid black;
margin-top: 20px;
border: 1px solid rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
}
body{
background: url(http://2img.net/s/t/16/90/42/i_background.jpg);
background-attachment: fixed;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
}
.redesociais {
position: center;
}
</style>

<link rel="shortcut icon" type="image/x-icon" href="http://i39.servimg.com/u/f39/19/00/36/21/loooo10.png" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>SchultzGames Notícias</title>
</head><center><img src="http://i39.servimg.com/u/f39/19/00/36/21/logo_o10.png" style=" position: center;">
  
<div class="redesociais"><a href="http://www.schultzgames.com/"><img src="http://i.imgur.com/ezrO5JF.jpg" alt="Fórum" title="Fórum" style="height: 39px;"><a href="https://www.facebook.com/TutoriaisUnity3DBrasil/"><img src="http://i.imgur.com/8y2pdLz.jpg" alt="Página Facebook" title="Página Facebook" style="height: 39px;"><a href="https://www.youtube.com/channel/UCsXIdvfp138xs1K1eTsaezQ/videos"><img src="http://i.imgur.com/QWo6PTo.jpg" alt="Youtube" title="Youtube" style="height: 39px;"></a></div>
<table id="tabela1">
<td><center><div style="border-radius:5px; background:transparent; margin-bottom:10px;width:90%; height:100%;margin-top: -1%;">
<br>
  
<center><br><span style="font-family: Arial, Helvetica, sans-serif;">SchultzGames é um fórum destinado a tirar dúvidas sobre programação em geral, criação de jogos com Unity 3D, entre outros.</span>
<br>
 
<hr>
<center>
<embed width="440" height="420" type="application/x-shockwave-flash" src="https://www.youtube.com/watch?v=4J2UOZ-M1ag">
<br><font size="1"><a href="https://www.youtube.com/watch?v=4J2UOZ-M1ag"></a><a href="http://www.youtube.com"></a></font>
<hr>
  
<table width="90%" style="padding: 3px; font-size: 0.8em; margin-bottom:0px; padding-bottom: 0px;margin-top: 15px;font-family: Verdana,Arial,Helvetica,sans-serif;"><tr valign="top"><td>

<b>Regulamento do fórum</b>
<br><a href="http://www.schultzgames.com/t603-regras-do-forum">Regras</a>
<br><a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Entre para a equipe</a>

O problema é nestas linhas:

Código:
<center>
<embed width="440" height="420" type="application/x-shockwave-flash" src="https://www.youtube.com/watch?v=4J2UOZ-M1ag">
<br><font size="1"><a href="https://www.youtube.com/watch?v=4J2UOZ-M1ag"></a><a href="http://www.youtube.com"></a></font>


Estou engatinhando no HTML ainda, e não faço a menor idéia de como colocar um vídeo do YouTube na página.


A idéia éra que o último vídeo do canal sempre aparecesse nesta página, más se não for possível, que algum link pudesse ser reproduzido pelo menos. Como eu poderia fazer isto?
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reproduzir vídeos do YouTube em uma página HTML?

Mensagem por Chagas 14.11.15 21:39

@PS

Altere o código pra este:
Código:
<meta content="text/html;charset=utf-8" http-equiv="Content-Type" /> <style>
#tabela1 {
display: table;
background: #FFFAF0;
width: 90%;
height: 600px;
float: center;
border: 1px solid black;
margin-top: 20px;
border: 1px solid rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
box-shadow: inset rgba(255, 255, 255, 0.25) 0px 0px 0px 1px;
}
body{
background: url(http://2img.net/s/t/16/90/42/i_background.jpg);
background-attachment: fixed;
color: #5a5a5a;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
}
.redesociais {
position: center;
}
</style> <link href="http://i39.servimg.com/u/f39/19/00/36/21/loooo10.png" type="image/x-icon" rel="shortcut icon" /><meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /><title>SchultzGames Notícias</title>
<center>
     <img style=" position: center;" src="http://i39.servimg.com/u/f39/19/00/36/21/logo_o10.png" />   
   <div class="redesociais">
        <a href="http://www.schultzgames.com/"><img style="height: 39px;" title="Fórum" alt="Fórum" src="http://i.imgur.com/ezrO5JF.jpg" /></a><a href="https://www.facebook.com/TutoriaisUnity3DBrasil/"><img style="height: 39px;" title="Página Facebook" alt="Página Facebook" src="http://i.imgur.com/8y2pdLz.jpg" /></a><a href="https://www.youtube.com/channel/UCsXIdvfp138xs1K1eTsaezQ/videos"><img style="height: 39px;" title="Youtube" alt="Youtube" src="http://i.imgur.com/QWo6PTo.jpg" /></a> 
   </div>
    
   <table id="tabela1">
       
      <tbody>
          
         <tr>
             
            <td>
                
               <center>
                   
                  <div style="border-radius:5px; background:transparent; margin-bottom:10px;width:90%; height:100%;margin-top: -1%;">
                      <br />   
                     <center>
                          <br /><span style="font-family: Arial, Helvetica, sans-serif;">SchultzGames é um fórum destinado a tirar dúvidas sobre programação em geral, criação de jogos com Unity 3D, entre outros.</span><br />   
                        <hr />
                         
                        <center>
                           
                           <center><object style="width: 425px; height: 350px;"> <param id="movie" value="http://www.youtube.com/v/tIBxavsiHzM" /> <embed style="width: 425px; height: 350px;" type="application/x-shockwave-flash" src="http://www.youtube.com/v/tIBxavsiHzM" /></object>
                              <hr />
                                   
                              <table style="padding: 3px 3px 0px; font-size: 0.8em; margin-bottom: 0px; margin-top: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 90%;">
                                  
                                 <tbody>
                                     
                                    <tr valign="top">
                                        
                                       <td>
                                            <strong>Regulamento do fórum</strong><br /><a href="http://www.schultzgames.com/t603-regras-do-forum">Regras</a><br /><a href="http://www.schultzgames.com/t594-aderir-a-uma-categoria-no-forum">Entre para a equipe</a> 
                                       </td>
                                        
                                    </tr>
                                     
                                 </tbody>
                                  
                              </table>
                               
                           </center>
                            
                        </center>
                         
                     </center>
                  </div>
                   
               </center>
                
            </td>
             
         </tr>
          
      </tbody>
       
   </table>
</center>

O resultado seria algo assim:
http://supersupport.forumeiros.com/h2-teste-repdoruiacasa

Até mais,
CT
Chagas
Chagas
Membro

Membro desde : 22/10/2015
Mensagens : 895
Pontos : 1102

https://pelotao.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reproduzir vídeos do YouTube em uma página HTML?

Mensagem por MarcosSchultz 14.11.15 22:09

Muito obrigado! O seu código resultou em algo assim para mim: http://www.schultzgames.com/h3-noticiasschultzgames

Apenas mais uma dúvida se você ou alguém souber responder... É possível reproduzir por exemplo, o último vídeo que é upado em um canal x?

Tipo, a intenção é deixar nesta página sempre o último vídeo que eu upei no meu canal... Isto é possível?
MarcosSchultz
MarcosSchultz
Membro

Membro desde : 19/09/2014
Mensagens : 548
Pontos : 758

http://schultzgames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como reproduzir vídeos do YouTube em uma página HTML?

Mensagem por Fraise 14.11.15 22:10

Creio que não. Mas isso é referente a uma outra questão, por gentileza, crie um novo tópico.

Como reproduzir vídeos do YouTube em uma página HTML? Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos