X

Como criar um código curto para vídeo HTML5 em posts e páginas

Snippets by IsItWP

Está procurando uma maneira de criar um shortcode para vídeo HTML5? Esse snippet criará um novo shortcode para adicionar vídeo HTML5 a seus posts e páginas.

  1. Adicione esse código ao arquivo functions.php do seu tema ou em um plug-in específico do site.
  2. function html5_video($atts, $content = null) {
    	extract(shortcode_atts(array(
    		"src" => '',
    		"width" => '',
    		"height" => ''
    	), $atts));
    	return '<video src="'.$src.'" width="'.$width.'" height="'.$height.'" controls autobuffer>';
    }
    add_shortcode('video5', 'html5_video');
    
  3. Em seguida, adicione esse shortcode ao seu post ou página e configure-o conforme necessário. Lembre-se de substituir o valor do atributo src.
  4. [video5 src="http://your-site/videos/your-video.mp4" width="720" height="480"]
    

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

Se você gostou desse snippet de código, considere dar uma olhada em nossos outros artigos no site, como: 12 melhores plug-ins de podcast do WordPress comparados (gratuitos e premium).

Comentários   Deixe uma resposta

  1. How can there be multiple video files – same exact video but different sizes/resolutions for different screen sizes?

    1.  with this sample you really can’t do something like that, if you want to do something more advanced with wordpress and video I would look into http://jplayer.org/

  2. Below, not Bellow. Delete this comment once fixed. Thanks for another great snippet.

    1. Cheers Cliff, fixed the typo. Glad you like the snippet.

  3. this is a very nice snippet sir.

    1. Thanks glad that you like it.

Adicionar um comentário

Ficamos felizes por você ter optado por deixar um comentário. Lembre-se de 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.

WordPress Launch Checklist

A lista de verificação definitiva para o lançamento do WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento de seu próximo site WordPress em um ebook prático.
Sim, envie-me o livro eletrônico gratuito grátis!