Ir para o conteúdo

 Voltar a Xemelê Supor...
Tela cheia

Player de víeo na capa

7 de Setembro de 2009, 15:11 , por Desconhecido - | Ninguém seguindo este artigo por enquanto.
Visualizado 37 vezes

Como faço para inserir um player de vídeo em uma capa como no exemplo abaixo?

http://imagem.ima.sp.gov.br/

Desde já agradeço as respostas

Autor: Vander Nascimento


33 comentários

  • 04c801865f8c01d40e152a45a432d7db?only path=false&size=50&d=404Marcelo Spano(usuário não autenticado)
    14 de Setembro de 2009, 17:12

     

    Vander, 

    Para utilizar vídeo na página inicial do "imagem" eu utilizei basicamente dois plugins, um é o "embed-video-withilink (http://wordpress.org/extend/plugins/embedded-video-with-link/) e ou outro foi o plugin do playerzinho que se chama Flash Vídeo (http://mac-dev.net/blog/flash-video-player-plugin-customization/).

     Eu utilzei esses para poder subir os vídeos. Eu acredito que você possa fazer bem melhor se utilizar plugins que apontam para sites que armazenam vídeos, tais como o YouTube e o BlipTV. Isso ocorre na maioria dos sites/blogs que utilizam wordpress, é bompor vários motivos, um deles é que economiza largura de banda da sua hospedagem. Por outro lado, se um dia esse serviço encerrar, seu conteúdo também será perdido.

    Acho que é isso.

    Abraços

     Marcelo Spano

    www.​marc​elos​pano​.com

    • 187a7f57869f9c8b213ca8363bbef7b5?only path=false&size=50&d=404Vander Nascimento(usuário não autenticado)
      15 de Setembro de 2009, 19:11

       

      Marcelo,

      Obrigado por se dispor em me ajudar, instalei o plugin  "embed-video-withilink" subi o player e deu tudo certo, porém minha necessidade é que o player apareça na home em uma capa como se fosse um thumbnail e quando clicado pode ser executado na própria home ou abrindo o post, acho que é algum macete no gerenciador de capas que eu não estou conseguindo decobrir.

      Att:

      Vander

      www.​vand​er.c​om.b​r

      • 04c801865f8c01d40e152a45a432d7db?only path=false&size=50&d=404Marcelo Spano(usuário não autenticado)
        16 de Setembro de 2009, 17:47

         

        Vander, vamos lá.

         Estou olhando o arquivos aqui e acredito que seja isso:

         1 - você vai criar a área da capa, claro, para exibir o conteúdo que quiser. Na realidade isso eu fiz asssim, criei uma capa, no meu caso foi "destaque_capa"

        2- Vai criar um conteúdo qualquer e neste conteudo (post) você vai inserir  o código do vídeo, assim:

        blá blá  blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá blá

        [flashvideo filename=/wp-content/uploads/2009/09/seu-video.flv /]

        3 - Depois, ainda na edição/criação deste post, você vai inserir um campo personalizado. no meu caso eu usei como chave "vtcapa" e como valor, o endereço do seu vídeo, no caso é "/wp-content/uploads/2009/09/seu-video.flv"

        4 - Salve seu post e verifique que o plugin gera o código para exibição de vídeo em um trecho Javascript. Então, o que eu pensei? pensei em inserir isso na página, onde eu gostaria que aparecesse o vídeo, mas de forma mais ou menos dinâmica, por isso fiz esse campo personalizado que vai entrar lá na página inicial

         Veja o código do trecho da capa, na página inicial, na integra:

        <div id="destaque_video">
            <?php if ($covers->have_posts(3,1)) : ?>
                <?php while ($covers->have_posts(3)) : $covers->the_post(); ?>
                    <div class="titulo_chamada_video"><a title="Link permanente para <?php $covers->the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php $covers->the_excerpt(); ?></a></div>
                        <div class="titulo_post_video"><a title="Link permanente para <?php $covers->the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php $covers->the_title(); ?></a></div>
                        <div class="img_destaque_video"><!-- video /imagem -->
                       
                        <?php  $VT= get_post_meta($post->ID, 'vtcapa', true);   
                               
                        if ($VT != ""){

                            echo "<p>";
                            echo "\n";
                            echo "<span id=\"video1\" class=\"flashvideo\">";
                            echo "\n";
                            echo"<a href=\"http://www.macromedia.com/go/getflashplayer\">Get the Flash Player</a> to see this player.</span>";
                            echo "\n";
                            echo "<script type=\"text/javascript\">";
                            echo "\n";
                            echo "var s1 = new SWFObject(\"http://seu-site-.com.br/wp-content/plugins/flash-video-player/mediaplayer.swf\",\"n1\",\"320\",\"240\",\"7\");";
                            echo "\n";
                            echo "s1.addParam(\"allowfullscreen\",\"true\");";
                            echo "\n";
                            echo "s1.addParam(\"allowscriptaccess\",\"always\");";
                            echo "\n";
                            echo "s1.addParam(\"wmode\",\"opaque\");";
                            echo "\n";
                            echo "s1.addVariable(\"javascriptid\",\"n1\");";
                            echo "\n";
                            echo "s1.addVariable(\"height\",\"240\");";
                            echo "\n";
                            echo "s1.addVariable(\"image\",\"/wp-content/themes/imagem-v6/images/frame_video.jpg\");";
                            echo "\n";
                            echo "s1.addVariable(\"width\",\"320\");";
                            echo "\n";
                            echo "s1.addVariable(\"searchbar\",\"false\");";
                            echo "\n";
                            echo "s1.addVariable(\"screencolor\",\"0x000000\");";
                            echo "\n";
                            echo "s1.addVariable(\"logo\",\"\");";
                            echo "\n";
                            echo "s1.addVariable(\"overstretch\",\"true\");";
                            echo "\n";
                            echo "s1.addVariable(\"showeq\",\"false\");";
                            echo "\n";
                            echo "s1.addVariable(\"showicon\",\"true\");";
                            echo "\n";
                            echo "s1.addVariable(\"shownavigation\",\"true\");";
                            echo "\n";
                            echo "s1.addVariable(\"showstop\",\"false\");";
                            echo "\n";
                            echo "s1.addVariable(\"showdigits\",\"true\");";
                            echo "\n";
                            echo "s1.addVariable(\"showdownload\",\"false\");";
                            echo "\n";
                            echo "s1.addVariable(\"usefullscreen\",\"true\");";
                            echo "\n";
                            echo "s1.addVariable(\"autoscroll\",\"false\");";
                            echo "\n";
                            echo "s1.addVariable(\"displayheight\",\"220\");";
                            echo "\n";
                            echo "s1.addVariable(\"thumbsinplaylis\",\"true\");";
                            echo "\n";
                            echo "s1.addVariable(\"autostart\",\"false\");";
                            echo "\n";
                            echo "s1.addVariable(\"bufferlength\",\"3\");";
                            echo "\n";
                            echo "s1.addVariable(\"repeat\",\"false\");";
                            echo "\n";
                            echo "s1.addVariable(\"rotatetime\",\"5\");";
                            echo "\n";
                            echo "s1.addVariable(\"shuffle\",\"false\");";
                            echo "\n";
                            echo "s1.addVariable(\"smoothing\",\"true\");";
                            echo "\n";
                            echo "s1.addVariable(\"volume\",\"80\");";
                            echo "\n";
                            echo "s1.addVariable(\"enablejs\",\"true\");";
                            echo "\n";
                            echo "s1.addVariable(\"linkfromdisplay\",\"false\");";
                            echo "\n";
                            echo "s1.addVariable(\"linktarget\",\"_self\");";
                            echo "\n";
                            echo "s1.addVariable(\"searchlink\",\"http://search.longtail.tv/?q=\");";
                            echo "\n";
                            echo "s1.addVariable(\"file\",\"http://seu-site-.com.brr/";
                            echo $VT;
                            echo"\");";
                            echo "\n";
                            echo "s1.write(\"video1\");";
                            echo "\n";
                            echo "</script>";
                            echo "</p>";
                            }else{
                            ?>
                           
                            <a title="Link permanente para <?php $covers->the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php $covers->the_thumb(medium, "style=\"width=320\"") ?></a>
                                               
                           
                    <?php
                    }       
                    ?>
                    </div>

         

        5- repare que no código acima você tem que mudar o número da sua capa (  <?php if ($covers->have_posts(3,1)) : ?>), o endereço do seu site de acordo com sua necessidade. Lá no começo eu inseri uma variável $VT que vai receber o endereço do seu vídeo do campo personalizado que inserir no post e assim, fazer a substituição. Para a nossa necessidade, eu fiz um  "if" que diz " se tiver caminho do vídeo, então exibe o conteúdo". Se não tiver o caminho, ou seja, se não tiver o campo personalizado, então, use uma imagem do Post utilizado para a capa (opção que o próprio Lead Manager oferece).

         

        Bom, acho que isso é tudo. Tente entender o que eu escrevi, não sei se está bem explicado. Teste e veja se dá certo.

        Espero ver o seu site com essa solução implementada.

        Abraço

        Marcelo Spano
        www.​marc​elos​pano​.com

         

Essa comunidade não possui posts nesse blog