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

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?

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

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?

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".

Hitskin.com

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