X

Come Creare uno Shortcode per l'Audio HTML5 in Post e Pagine

Snippet di IsItWP

Stai cercando un modo per creare uno shortcode per l'audio HTML5? Questo snippet creerà un nuovo shortcode per aggiungere l'audio HTML5 ai tuoi post e pagine.

Istruzioni:

  1. Aggiungi questo codice al file functions.php del tuo tema o a un plugin specifico per il sito.
  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. Quindi, aggiungi questo shortcode al tuo post o pagina e configuralo secondo necessità. Ricorda di sostituire il valore dell'attributo src.
  4. [audio5 src="http://your-site/videos/your-video.mp4" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]
    

Nota: Se questa è la prima volta che aggiungi snippet di codice in WordPress, consulta la nostra guida su come copiare / incollare correttamente snippet di codice in WordPress, in modo da non rompere accidentalmente il tuo sito.

Se ti è piaciuto questo snippet di codice, prendi in considerazione la lettura dei nostri altri articoli sul sito come: 12 migliori plugin WordPress per podcast a confronto (gratuiti e premium) e 9 migliori plugin WordPress per fisarmoniche.

Commenti   Lascia una risposta

  1. WordPress per la Chiesa 28 ottobre 2011 alle 16:18

    Qualche idea su come usare Flash come fallback?

    1. Ti suggerirei di usare jplayer http://jplayer.org/ userà flash se il browser non supporta l'audio HTML5. Dovrai fare qualche aggiustamento per far funzionare le cose con WordPress.

Aggiungi un commento

Siamo lieti che tu abbia scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra normativa sulla privacy e tutti i link sono nofollow. NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.

Checklist per il lancio di WordPress

La Guida Definitiva per il Lancio di WordPress

Abbiamo raccolto tutti gli elementi essenziali della checklist per il lancio del tuo prossimo sito web WordPress in un comodo ebook.
Sì, Inviami l'eBook Gratuito!