X

Como Criar um Shortcode para Áudio HTML5 em Posts e Páginas

Snippets por IsItWP

Você está procurando uma maneira de criar um shortcode para áudio HTML5? Este trecho criará um novo shortcode para adicionar áudio HTML5 às suas postagens e páginas.

Instruções:

  1. Adicione este código ao arquivo functions.php do seu tema ou em um plugin específico do site.
  2. function html5_audio($atts, $content = null) {
    	extract(shortcode_atts(array(
    		"src" => '',
    		"autoplay" => '',
    		"preload"=> 'true',
    		"loop" => '',
    		"controls"=> ''
    	), $atts));
    	return '<audio src="'.$src.'" autoplay="'.$autoplay.'" preload="'.$preload.'" loop="'.$loop.'" controls="'.$controls.'" autobuffer />';
    }
    add_shortcode('audio5', 'html5_audio');
    
  3. Em seguida, adicione este shortcode à sua postagem ou página e configure-o conforme necessário. Lembre-se de substituir o valor do atributo src.
  4. [audio5 src="http://your-site/videos/your-video.mp4" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]
    

Observação: Se esta é a primeira vez que você adiciona trechos de código no WordPress, consulte nosso guia sobre como copiar / colar trechos de código corretamente no WordPress, para não quebrar acidentalmente seu site.

Se você gostou deste trecho de código, considere conferir nossos outros artigos no site, como: 12 melhores plugins de podcast WordPress comparados (grátis e premium) e 9 melhores plugins de acordeão WordPress.

Comentários   Deixe uma resposta

  1. WordPress for Church October 28, 2011 at 4:18 pm

    Alguma ideia de como usar Flash como fallback?

    1. Eu sugiro que você use o jplayer http://jplayer.org/ ele usará flash se o navegador não suportar áudio HTML5. Você terá que fazer alguns ajustes para fazer as coisas funcionarem com o WordPress, no entanto.

Adicionar um comentário

Ficamos felizes que você tenha escolhido deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Checklist de Lançamento WordPress

O Checklist Definitivo para Lançamento de WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento do seu próximo site WordPress em um e-book prático.
Sim, envie-me o eBook Gratuito!