X

So erstellen Sie einen Shortcode für HTML5-Audio in Beiträgen und Seiten

Schnipsel von IsItWP

Suchen Sie nach einer Möglichkeit, einen Shortcode für HTML5-Audio zu erstellen? Dieser Codeausschnitt erstellt einen neuen Shortcode zum Hinzufügen von HTML5-Audio zu Ihren Beiträgen und Seiten.

Anweisungen:

  1. Fügen Sie diesen Code zur functions.php-Datei Ihres Themes oder in ein websitespezifisches Plugin ein.
  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. Fügen Sie dann diesen Shortcode zu Ihrem Beitrag oder Ihrer Seite hinzu und konfigurieren Sie ihn nach Bedarf. Denken Sie daran, den Wert des src-Attributs zu ersetzen.
  4. [audio5 src="http://your-site/videos/your-video.mp4" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]
    

Hinweis: Wenn Sie zum ersten Mal Code-Schnipsel in WordPress hinzuf ilde{A}gen, lesen Sie bitte unseren Leitfaden, wie Sie Code-Schnipsel richtig in WordPress kopieren / einf ilde{A}gen, damit Sie Ihre Website nicht versehentlich besch ilde{A}digen.

Wenn Ihnen dieser Codeausschnitt gefallen hat, sollten Sie sich auch unsere anderen Artikel auf der Website ansehen, wie z. B.: 12 beste WordPress-Podcast-Plugins im Vergleich (kostenlos & Premium) und 9 beste WordPress-Akkordeon-Plugins.

Kommentare   Hinterlasse eine Antwort

  1. WordPress für die Kirche 28. Oktober 2011 um 16:18 Uhr

    Irgendwelche Ideen, wie man Flash als Fallback verwendet?

    1. Ich würde vorschlagen, dass Sie jplayer http://jplayer.org/ verwenden. Es wird Flash verwenden, wenn der Browser HTML5-Audio nicht unterstützt. Sie müssen jedoch etwas basteln, um die Dinge mit WordPress zum Laufen zu bringen.

Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte beachten Sie, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und bedeutungsvolles Gespräch führen.

WordPress Launch Checkliste

Die ultimative Checkliste für den Start von WordPress

Wir haben alle wichtigen Checklistenpunkte für den Start Ihrer nächsten WordPress-Website in einem praktischen E-Book zusammengefasst.
Ja, senden Sie mir das kostenlose E-Book!