X

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

Schnipsel von IsItWP

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

  1. Fügen Sie diesen Code zur functions.php-Datei Ihres Themes oder in ein websitespezifisches Plugin ein.
  2. function html5_video($atts, $content = null) {
    	extract(shortcode_atts(array(
    		"src" => '',
    		"width" => '',
    		"height" => ''
    	), $atts));
    	return '<video src="'.$src.'" width="'.$width.'" height="'.$height.'" controls autobuffer>';
    }
    add_shortcode('video5', 'html5_video');
    
  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. [video5 src="http://your-site/videos/your-video.mp4" width="720" height="480"]
    

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 zum Beispiel: 12 beste WordPress-Podcast-Plugins im Vergleich (kostenlos & Premium).

Kommentare   Hinterlasse eine Antwort

  1. Wie kann es mehrere Videodateien geben – dasselbe Video, aber unterschiedliche Größen/Auflösungen für unterschiedliche Bildschirmgrößen?

    1.  Mit diesem Beispiel kann man so etwas wirklich nicht tun. Wenn Sie etwas Fortgeschritteneres mit WordPress und Video machen möchten, sollten Sie sich http://jplayer.org/ ansehen.

  2. Unten, nicht Bellow. Löschen Sie diesen Kommentar, sobald er behoben ist. Danke für einen weiteren großartigen Snippet.

    1. Danke Cliff, Tippfehler behoben. Freut mich, dass Ihnen der Snippet gefällt.

  3. Das ist ein sehr schöner Snippet, Sir.

    1. Danke, freut mich, dass es Ihnen gefällt.

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!