X

Comment créer un shortcode pour l'audio HTML5 dans les publications et les pages

Extraits par IsItWP

Vous cherchez un moyen de créer un shortcode pour l'audio HTML5 ? Cet extrait créera un nouveau shortcode pour ajouter l'audio HTML5 à vos articles et pages.

Instructions :

  1. Ajoutez ce code au fichier functions.php de votre thème ou dans un plugin spécifique au site.
  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. Ensuite, ajoutez ce shortcode à votre article ou page et configurez-le selon vos besoins. N'oubliez pas de remplacer la valeur de l'attribut src.
  4. [audio5 src="http://your-site/videos/your-video.mp4" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]
    

Remarque : 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 casser accidentellement votre site.

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

Commentaires   Laisser une réponse

  1. WordPress for Church October 28, 2011 at 4:18 pm

    Des idées sur la façon d'utiliser Flash comme solution de repli ?

    1. Je vous suggérerais d'utiliser jplayer http://jplayer.org/ il utilisera flash si le navigateur ne prend pas en charge l'audio HTML5. Vous devrez cependant faire quelques manipulations pour que les choses fonctionnent avec WordPress.

Ajouter un commentaire

Nous sommes heureux que vous ayez choisi de laisser un commentaire. N'oubliez pas que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ nom. Ayons une conversation personnelle et significative.

Liste de contrôle de lancement WordPress

La checklist ultime pour lancer un WordPress

Nous avons compilé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi l'eBook gratuit !