Comment créer un shortcode pour l’audio HTML5 dans les articles et les pages

Vous cherchez un moyen de créer un shortcode pour le HTML5 audio ? Ce snippet va créer un nouveau shortcode pour ajouter de l’audio HTML5 à vos posts et pages.

Instructions:

1. Ajoutez ce code au fichier functions.php de votre thème ou dans un plugin spécifique à votre site

.

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');

2. Ensuite, ajoutez ce shortcode à votre article ou à votre page et configurez-le selon vos besoins

.

3. N’oubliez pas de remplacer la valeur de l’attribut src.

[audio5 src="http://your-site/videos/your-video.mp4" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]

Note : Si c’est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière de copier/coller correctement des extraits de code dans WordPress, afin de ne pas endommager accidentellement votre site.

Si vous avez aimé cet extrait de code, n’hésitez pas à consulter nos autres articles sur le site comme : 12 meilleurs plugins WordPress de podcast comparés (gratuits et premium) et 9 meilleurs plugins WordPress d’accordéon.