wordpress snippets last updated   : August 18, 2014
we now have 638 snippets

Shortcode for HTML5 audio in posts and pages

wordpress snippet

Adding this snippet to the functions.php of your wordpress theme will create a new shortcode for HTML5 audio. Just add the second snippet of shortcode to a post or page to add HTML5 audio.

snippet :  PHPcopy
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');
snippet :  SHORTCODEcopy
[audio5 src="http://your-site/videos/your-video.mp4" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]

Did you like this post? If so please share it with your friends. Thanks!

  • http://twitter.com/wpforchurch WordPress for Church

    Any ideas on how to use Flash as a fallback?

    • http://wpsnipp.com Kevin Chard

      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.

jqsnipp.com | we just launched jquery snippets website