Música na página inicial html

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Música na página inicial html

Mensagem por Connor R. em 01/06/13, 10:21 pm

Qual é minha questão:
Gostaria de colocar essa música para tocar na página Inicial HTML do meu fórum.

https://www.youtube.com/watch?v=oe75v8dmUFc

O code da minha página inicial está abaixo:

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
      <head>
              <title>Somos Mugiwara</title>
              <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="shortcut icon" type="image/x-icon" href="http://i69.servimg.com/u/f69/17/63/00/37/images10.png" />
              <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
        <script type="text/css">
           
    <!--////////////////////////////////////////////////////////////////////////////////-->




    <!--/                                                                                                    ///-->
         
    <!--/                                                                                                ///-->
         
    <!--/                    Portal Versão 1.0                                          ///-->




    <!--/                    Criado por Bruno Tavares  e editado por JUFASA                                  ///-->




    <!--/                                                                                              ///-->




    <!--////////////////////////////////////////////////////////////////////////////////-->
          <script type="text/javascript">




      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-28009881-1']);
      _gaq.push(['_trackPageview']);




      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();




          </script>
         
          <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
          <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>




          <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
          <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
    <script>
    function click() {
    if (event.button==2||event.button==3) {
    oncontextmenu='return false';
    }
    }
    document.onmousedown=click
    document.oncontextmenu = new Function("return false;")
    </script>
          <script type="text/javascript">
            $(function() {
                Cufon.replace('a, span').CSS.ready(function() {
                  var $menu      = $("#slidingMenu");
                 
                  var $selected  = $menu.find('li:first');
                 
                  var $moving      = $('<li />',{
                      className  : 'move',
                      top        : $selected[0].offsetTop + 'px',
                      width      : $selected[0].offsetWidth + 'px'
                  });
                 
                  $('#slidingMenuDesc > div').each(function(i){
                      var $this = $(this);
                      $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
                  });
                 
                  $menu.bind('mouseleave',function(){
                        moveTo($selected,400);
                        })
                      .append($moving)
                      .find('li')
                      .not('.move')
                      .bind('mouseenter',function(){
                        var $this = $(this);
                        var offsetLeft = $this.offset().left - 20;
                        //slide in the description
                        $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
                        //move the absolute div to this item
                        moveTo($this,400);
                        })
                        .bind('mouseleave',function(){
                        var $this = $(this);
                        var offsetLeft = $this.offset().left - 20;
                        //slide out the description
                        $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
                        });;
                 
                  function moveTo($elem,speed){
                      $moving.stop(true).animate({
                        top      : $elem[0].offsetTop + 'px',
                        width  : $elem[0].offsetWidth + 'px'
                      }, speed, 'easeOutExpo');
                  }
                }) ;
            });
          </script>
          <style>
              span.reference{
                  position:fixed;
                  left:10px;
                  bottom:10px;
                  font-size:14px;
              }
              span.reference a{
      color:#aaa;
      text-decoration:underline;
              }
    body {
        background-image: url('http://i69.servimg.com/u/f69/17/63/00/37/aki2_c10.jpg') !important;
        background-repeat: no-repeat;
        }
          </style>
      </head>
      <body>
            <div>
                    <span class="reference">
                        One Piece Rpg Somos Mugiwara - Adm. Connor l Todos os Direitos Reservados l Copyright 2013 | <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Hospedado por Forumeiros</a>
                    </span>
          </div> 
          <div id="slidingMenuDesc" class="slidingMenuDesc">
                <div><span>Somos Mugiwara Rpg</span></div>
                <div><span>Somos Mugiwara Rpg</span></div>
                <div><span>Somos Mugiwara Rpg</span></div>
                <div><span>Somos Mugiwara Rpg</span></div>
                <div><span>Somos Mugiwara Rpg</span></div>
                
              </div>




          <ul id="slidingMenu" class="slidingMenu">
                <li><a href="http://somosmugiwara.forumeiros.com/forum" title="">Forum</a></li>
                <li><a href="http://somosmugiwara.forumeiros.com/portal" title="">Portal</a></li>
                <li><a href="http://somosmugiwara.forumeiros.com/register" title="">Registre-se</a></li>
                <li><a href="http://somosmugiwara.forumeiros.com/f5-regras" title="">Regras</a></li>
                <li><a href="https://www.facebook.com/pages/One-Piece-Rpg-Somos-Mugiwara/130516183797519?ref=hl" title="">Facebook</a></li>
                <li><a href="http://somosmugiwara.forumeiros.com/f3-parcerias" title="">Parceria</a></li>
                <li><a href=" " title=""> </a></li>
          </ul>
    </body>
    </html>


Endereço do meu fórum:
http://somosmugiwara.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por Houdini em 02/06/13, 04:22 pm, editado 1 vez(es)
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Resolvido Re: Música na página inicial html

Mensagem por StyLe® em 02/06/13, 09:21 am

Troque sua pagina HTML por esta
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
      <head>
              <title>Somos Mugiwara</title>
              <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <link rel="shortcut icon" type="image/x-icon" href="http://i69.servimg.com/u/f69/17/63/00/37/images10.png" />
              <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
        <script type="text/css">
         
    <!--////////////////////////////////////////////////////////////////////////////////-->




    <!--/                                                                                                    ///-->
       
    <!--/                                                                                                ///-->
       
    <!--/                    Portal Versão 1.0                                          ///-->




    <!--/                    Criado por Bruno Tavares  e editado por JUFASA                                  ///-->




    <!--/                                                                                              ///-->




    <!--////////////////////////////////////////////////////////////////////////////////-->
          <script type="text/javascript">




      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-28009881-1']);
      _gaq.push(['_trackPageview']);




      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();




          </script>
       
          <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
          <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>




          <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
          <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
    <script>
    function click() {
    if (event.button==2||event.button==3) {
    oncontextmenu='return false';
    }
    }
    document.onmousedown=click
    document.oncontextmenu = new Function("return false;")
    </script>
          <script type="text/javascript">
            $(function() {
                Cufon.replace('a, span').CSS.ready(function() {
                  var $menu      = $("#slidingMenu");
               
                  var $selected  = $menu.find('li:first');
               
                  var $moving      = $('<li />',{
                      className  : 'move',
                      top        : $selected[0].offsetTop + 'px',
                      width      : $selected[0].offsetWidth + 'px'
                  });
               
                  $('#slidingMenuDesc > div').each(function(i){
                      var $this = $(this);
                      $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
                  });
               
                  $menu.bind('mouseleave',function(){
                        moveTo($selected,400);
                        })
                      .append($moving)
                      .find('li')
                      .not('.move')
                      .bind('mouseenter',function(){
                        var $this = $(this);
                        var offsetLeft = $this.offset().left - 20;
                        //slide in the description
                        $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
                        //move the absolute div to this item
                        moveTo($this,400);
                        })
                        .bind('mouseleave',function(){
                        var $this = $(this);
                        var offsetLeft = $this.offset().left - 20;
                        //slide out the description
                        $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
                        });;
               
                  function moveTo($elem,speed){
                      $moving.stop(true).animate({
                        top      : $elem[0].offsetTop + 'px',
                        width  : $elem[0].offsetWidth + 'px'
                      }, speed, 'easeOutExpo');
                  }
                }) ;
            });
          </script>
          <style>
              span.reference{
                  position:fixed;
                  left:10px;
                  bottom:10px;
                  font-size:14px;
              }
              span.reference a{
      color:#aaa;
      text-decoration:underline;
              }
    body {
        background-image: url('http://i69.servimg.com/u/f69/17/63/00/37/aki2_c10.jpg') !important;
        background-repeat: no-repeat;
        }
          </style>
      </head>
      <body>
            <div>
                    <span class="reference">
                        One Piece Rpg Somos Mugiwara - Adm. Connor l Todos os Direitos Reservados l Copyright 2013 | <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Hospedado por Forumeiros</a>
                    </span>
          </div>
          <div id="slidingMenuDesc" class="slidingMenuDesc">
                <div><span>Somos Mugiwara Rpg</span></div>
                <div><span>Somos Mugiwara Rpg</span></div>
                <div><span>Somos Mugiwara Rpg</span></div>
                <div><span>Somos Mugiwara Rpg</span></div>
                <div><span>Somos Mugiwara Rpg</span></div>
               
              </div>




          <ul id="slidingMenu" class="slidingMenu">
                <li><a href="http://somosmugiwara.forumeiros.com/forum" title="">Forum</a></li>
                <li><a href="http://somosmugiwara.forumeiros.com/portal" title="">Portal</a></li>
                <li><a href="http://somosmugiwara.forumeiros.com/register" title="">Registre-se</a></li>
                <li><a href="http://somosmugiwara.forumeiros.com/f5-regras" title="">Regras</a></li>
                <li><a href="https://www.facebook.com/pages/One-Piece-Rpg-Somos-Mugiwara/130516183797519?ref=hl" title="">Facebook</a></li>
                <li><a href="http://somosmugiwara.forumeiros.com/f3-parcerias" title="">Parceria</a></li>
                <li><a href=" " title=""> </a></li>
          </ul>

<embed style="opacity: 0;" src='http://www.youtube-nocookie.com/v/oe75v8dmUFc?fs=1&hl=pt_BR&autoplay=1' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='480' height='385'></embed>

    </body>
    </html>

Código que eu utilizei foi
Código:
<embed style="opacity: 0;" src='http://www.youtube-nocookie.com/v/oe75v8dmUFc?fs=1&hl=pt_BR&autoplay=1' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='480' height='385'></embed>


Ao longo do tempo se você quiser mudar de música peço que pega a ID do vídeo depois do /v/ e troque essa ID oe75v8dmUFc por a sua ID do vídeo


Resulta?


Até mais...

StyLe®
Membro do Fórum

Masculino
Inscrito dia : 28/04/2012
Mensagens : 1919
Pontos Ativos : 2653

Ver perfil do usuário http://ajuda.forumeiros.com/t79652-

Resolvido Re: Música na página inicial html

Mensagem por MateusA em 02/06/13, 11:22 am

Olá!

O código do nosso amigo StyLe® vai ficar aparecendo uma janelinha do YouTube, caso queira que essa janela fique oculta e a musica toque automaticamente troque o codigo da sua pagina por esse:

Código:
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
            <html>
              <head>
                      <title>Somos Mugiwara</title>
                      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <link rel="shortcut icon" type="image/x-icon" href="http://i69.servimg.com/u/f69/17/63/00/37/images10.png" />
                      <link rel="stylesheet" href="http://www.ggames.com.br/css/style.css" type="text/css" media="screen">
                <script type="text/css">
                 
            <!--////////////////////////////////////////////////////////////////////////////////-->




            <!--/                                                                                                    ///-->
               
            <!--/                                                                                                ///-->
               
            <!--/                    Portal Versão 1.0                                          ///-->




            <!--/                    Criado por Bruno Tavares  e editado por JUFASA                                  ///-->




            <!--/                                                                                              ///-->




            <!--////////////////////////////////////////////////////////////////////////////////-->
                  <script type="text/javascript">




              var _gaq = _gaq || [];
              _gaq.push(['_setAccount', 'UA-28009881-1']);
              _gaq.push(['_trackPageview']);




              (function() {
                var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
              })();




                  </script>
               
                  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
                  <script src="http://espions.webs.com/cufon-yui.js" type="text/javascript"></script>




                  <script src="http://espions.webs.com/BabelSans_500.font.js" type="text/javascript"></script>
                  <script src="http://espions.webs.com/jquery.easing.1.3.js" type="text/javascript"></script>
            <script>
            function click() {
            if (event.button==2||event.button==3) {
            oncontextmenu='return false';
            }
            }
            document.onmousedown=click
            document.oncontextmenu = new Function("return false;")
            </script>
                  <script type="text/javascript">
                    $(function() {
                        Cufon.replace('a, span').CSS.ready(function() {
                          var $menu      = $("#slidingMenu");
                       
                          var $selected  = $menu.find('li:first');
                       
                          var $moving      = $('<li />',{
                              className  : 'move',
                              top        : $selected[0].offsetTop + 'px',
                              width      : $selected[0].offsetWidth + 'px'
                          });
                       
                          $('#slidingMenuDesc > div').each(function(i){
                              var $this = $(this);
                              $this.css('top',$menu.find('li:nth-child('+parseInt(i+2)+')')[0].offsetTop + 'px');
                          });
                       
                          $menu.bind('mouseleave',function(){
                                moveTo($selected,400);
                                })
                              .append($moving)
                              .find('li')
                              .not('.move')
                              .bind('mouseenter',function(){
                                var $this = $(this);
                                var offsetLeft = $this.offset().left - 20;
                                //slide in the description
                                $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':offsetLeft+'px'},400, 'easeOutExpo');
                                //move the absolute div to this item
                                moveTo($this,400);
                                })
                                .bind('mouseleave',function(){
                                var $this = $(this);
                                var offsetLeft = $this.offset().left - 20;
                                //slide out the description
                                $('#slidingMenuDesc > div:nth-child('+ parseInt($this.index()) +')').stop(true).animate({'width':'0px'},400, 'easeOutExpo');
                                });;
                       
                          function moveTo($elem,speed){
                              $moving.stop(true).animate({
                                top      : $elem[0].offsetTop + 'px',
                                width  : $elem[0].offsetWidth + 'px'
                              }, speed, 'easeOutExpo');
                          }
                        }) ;
                    });
                  </script>
                  <style>
                      span.reference{
                          position:fixed;
                          left:10px;
                          bottom:10px;
                          font-size:14px;
                      }
                      span.reference a{
              color:#aaa;
              text-decoration:underline;
                      }
            body {
                background-image: url('http://i69.servimg.com/u/f69/17/63/00/37/aki2_c10.jpg') !important;
                background-repeat: no-repeat;
                }
                  </style>
              </head>
              <body>
                    <div>
                            <span class="reference">
                                One Piece Rpg Somos Mugiwara - Adm. Connor l Todos os Direitos Reservados l Copyright 2013 | <a href="http://www.forumeiros.com" target="_Blank" alt="Forumeiros">Hospedado por Forumeiros</a>
                            </span>
                  </div>
                  <div id="slidingMenuDesc" class="slidingMenuDesc">
                        <div><span>Somos Mugiwara Rpg</span></div>
                        <div><span>Somos Mugiwara Rpg</span></div>
                        <div><span>Somos Mugiwara Rpg</span></div>
                        <div><span>Somos Mugiwara Rpg</span></div>
                        <div><span>Somos Mugiwara Rpg</span></div>
                     
                      </div>




                  <ul id="slidingMenu" class="slidingMenu">
                        <li><a href="http://somosmugiwara.forumeiros.com/forum" title="">Forum</a></li>
                        <li><a href="http://somosmugiwara.forumeiros.com/portal" title="">Portal</a></li>
                        <li><a href="http://somosmugiwara.forumeiros.com/register" title="">Registre-se</a></li>
                        <li><a href="http://somosmugiwara.forumeiros.com/f5-regras" title="">Regras</a></li>
                        <li><a href="https://www.facebook.com/pages/One-Piece-Rpg-Somos-Mugiwara/130516183797519?ref=hl" title="">Facebook</a></li>
                        <li><a href="http://somosmugiwara.forumeiros.com/f3-parcerias" title="">Parceria</a></li>
                        <li><a href=" " title=""> </a></li>
                  </ul>

        <embed style="opacity: 0;margin-left: -800px;" src='http://www.youtube-nocookie.com/v/oe75v8dmUFc?fs=1&hl=pt_BR&autoplay=1' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' width='480' height='385'></embed>

            </body>
            </html>

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Música na página inicial html

Mensagem por Connor R. em 02/06/13, 04:21 pm

Resultou Style, valeu aos dois.
avatar

Connor R.
Usuário destaque

Masculino
Inscrito dia : 06/08/2012
Mensagens : 978
Pontos Ativos : 1594

Ver perfil do usuário http://somosmugiwara.forumeiros.com https://www.facebook.com/kadandajr https://twitter.com/SomosMugiwara

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

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