X

Cómo crear un código corto para audio HTML5 en entradas y páginas

Snippets by IsItWP

¿Estás buscando una forma de crear un shortcode para audio HTML5? Este snippet creará un nuevo shortcode para añadir audio HTML5 a tus posts y páginas.

Instrucciones:

  1. Añade este código al archivo functions.php de tu tema o en un plugin específico del sitio.
  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. A continuación, añade este shortcode a tu post o página y configúralo como necesites. Recuerde reemplazar el valor del atributo src.
  4. [audio5 src="http://your-site/videos/your-video.mp4" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]
    

Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.

Si te ha gustado este fragmento de código, por favor, considere revisar nuestros otros artículos en el sitio como: 12 mejores plugins de WordPress para podcasts comparados (gratuitos y premium) y 9 mejores plugins de WordPress para acordeones.

Comentarios   Deja una respuesta

  1. WordPress for Church octubre 28, 2011 en 4:18 pm

    Any ideas on how to use Flash as a fallback?

    1. I would suggest that you use jplayer http://jplayer.org/ it will use flash if the browser does not support HTML5 audio. You will have to do some fiddling to get things running with wordpress though.

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad , y que todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

WordPress Launch Checklist

La lista definitiva para lanzar WordPress

Hemos recopilado todos los elementos esenciales de la lista de comprobación para el lanzamiento de su próximo sitio web de WordPress en un práctico ebook.
Sí, envíeme el ¡gratuito!