Slidebar de vídeos aleatórios

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

Resolvido Slidebar de vídeos aleatórios

Mensagem por projetohammer em 20/01/13, 04:00 am

Qual é minha questão:
Como colocar videos simultâneo no site como por exemplo: http://www.portaljundiapeba.blogspot.com.br/

Endereço do meu fórum:
http://www.projetohammer.com.br

Versão do fórum:
PHPBB3
avatar

projetohammer
Nível 1

Masculino
Inscrito dia : 20/01/2013
Mensagens : 4
Pontos Ativos : 8

Ver perfil do usuário http://www.projetohammer.com.br/

Resolvido Re: Slidebar de vídeos aleatórios

Mensagem por iPrompt em 20/01/13, 08:37 am

Olá,

Primeiro adiciona este código no lugar aonde deseja que apareça

Código:
<div id='slider'><div class='widget'>
<script type='text/javascript'>
        function formatText(index, panel) {
        return index + "";
       }
   
        $(function () {
       
            $('.anythingSlider').anythingSlider({
                easing: "easeInOutExpo",        // Anything other than "linear" or "swing" requires the easing plugin
                autoPlay: true,                // This turns off the entire FUNCTIONALY, not just if it starts running or not.
                delay: 5900,                    // How long between slide transitions in AutoPlay mode
                startStopped: false,            // If autoPlay is on, this can force it to start stopped
                animationTime: 900,            // How long the slide transition takes
                hashTags: true,                // Should links change the hashtag in the URL?
                buildNavigation: true,          // If true, builds and list of anchor links to link to each slide
              pauseOnHover: true,            // If true, and autoPlay is enabled, the s@�������8@���n hover
              startText: "Go",            // Start text
              stopText: "Stop",              // Stop text
              navigationFormatter: formatText      // Details at the top of the file on this use (advanced use)
            });
           
            $("#slide-jump").click(function(){
                $('.anythingSlider').anythingSlider(6);
            });
           
        });
    </script><div class='anythingSlider'><div class='wrapper'>
<ul>
<li><div class='video_section'>
<object height='385' width='640'><param name='movie' value='http://www.youtube.com/v/2Y2BEhvS-ck'/><param name='allowFullScreen' value='true'/><param name='allowscriptaccess' value='always'/><embed allowfullscreen='true' allowscriptaccess='always' height='385' src='http://www.youtube.com/v/2Y2BEhvS-ck' type='application/x-shockwave-flash' width='640' wmode='transparent'></embed></object></div>
<h4>
<a href='#' rel='bookmark' title='Inkheart Movie'>Inkheart Movie</a>
</h4>
</li>

</div>
</div>
</div><div style='clear: both;'></div>
<!-- google_ad_section_start(name=default) -->
<!-- google_ad_section_end -->
</div><div class='blog-pager' id='blog-pager'>
</div>
</div>
</div></div>
</div>

Depois adiciona este código na sua Folha de estilo CSS

Código:
/* Slide */

#slider {
border: 1px solid #5D5D5D;
background: black;
}
#slider {
width: 642px;
position: relative;
z-index: 1;
margin-bottom: 30px;
}
#slider .anythingSlider ul li {
display: block;
float: left;
padding: 0;
width: 641px;
overflow: hidden !important;
margin: 0;
background: none;
}
#start-stop {
background: black;
color: white;
}
#start-stop {
display: block;
position: relative;
z-index: 999;
display: block;
float: left;
padding: 5px;
font: bold 11px Arial, Helvetica, sans-serif;
top: 343px;
left: 601px;
}
#thumbNav a:hover {
background: url(http://4.bp.blogspot.com/-Hpesy10v_dA/TaWueswOpqI/AAAAAAAAA-o/vEHKsVRbZ_I/s1600/normal.png) no-repeat left top;
}
#thumbNav a {
background: url(http://4.bp.blogspot.com/-Hpesy10v_dA/TaWueswOpqI/AAAAAAAAA-o/vEHKsVRbZ_I/s1600/normal.png) no-repeat left top;
text-align: center;
color: #41322E;
text-indent: -9009px;
}
#thumbNav a {
color: black;
float: left;
font: 11px Arial, Helvetica, sans-serif;
display: block;
padding: 0;
width: 16px;
height: 16px;
margin: 0 5px 0 0;
text-align: center;
text-indent: -9009px;
}
#slider .video_section {
padding: 8px;
}
#slider .anythingSlider .wrapper ul {
list-style: none;
}
#slider .anythingSlider h4 {
position: relative;
left: 13px;
top: -18px;
font: bold 12px Arial, Helvetica, sans-serif;
}

/* Fim de Slide */

Até
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Slidebar de vídeos aleatórios

Mensagem por projetohammer em 22/01/13, 03:21 am

Obrigado por ajudar , mas somente apareceu um video , e não os outros.
tem alguma outra forma .
obrigado
avatar

projetohammer
Nível 1

Masculino
Inscrito dia : 20/01/2013
Mensagens : 4
Pontos Ativos : 8

Ver perfil do usuário http://www.projetohammer.com.br/

Resolvido Re: Slidebar de vídeos aleatórios

Mensagem por seender em 05/02/13, 02:15 am

Olá!

Para a criação deste slide é preciso a utilização de jQuery, ao qual não oferecemos mais suporte a jQuery extra-tutoriais, caso queira, poderá utilizar do tutorial: Slidebar com imagens.

Até mais!
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Slidebar de vídeos aleatórios

Mensagem por projetohammer em 05/02/13, 10:57 pm

valew Obrigado
avatar

projetohammer
Nível 1

Masculino
Inscrito dia : 20/01/2013
Mensagens : 4
Pontos Ativos : 8

Ver perfil do usuário http://www.projetohammer.com.br/

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