¿Estás buscando una forma de crear un shortcode para audio HTML5? Este fragmento creará un nuevo shortcode para agregar audio HTML5 a tus publicaciones y páginas.
Instrucciones:
- Agrega este código al archivo functions.php de tu tema o a un plugin específico del sitio.
- Luego, agrega este shortcode a tu publicación o página y configúralo según sea necesario. Recuerda reemplazar el valor del atributo
src.
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');
[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 agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: Los 12 mejores plugins de podcast de WordPress comparados (Gratis y Premium) y Los 9 mejores plugins de acordeón de WordPress.
¿Alguna idea sobre cómo usar Flash como respaldo?
Te sugeriría que uses jplayer http://jplayer.org/, usará flash si el navegador no soporta audio HTML5. Tendrás que hacer algunas modificaciones para que las cosas funcionen con WordPress.