Heim > Artikel > CMS-Tutorial > Ausführliche Erklärung, wie Sie den WordPress-eigenen Funktionscode zum Hinzufügen von Videos verwenden
In der folgenden Tutorial-Kolumne von WordPress erfahren Sie, wie Sie Videos mithilfe des mit WordPress gelieferten Kurzcodes hinzufügen. Ich hoffe, dass es für Freunde hilfreich ist, die es benötigen!
Verwenden Sie den integrierten Shortcode von WordPress, um Videos hinzuzufügen.
Mit dem integrierten Video-Shortcode von WordPress können Sie Videos ganz einfach überall hinzufügen. Die unterstützten Dateitypen sind mp4, m4v, webm, ogv, wmv und flv.
Grundlegender Video-Kurzcode
【video src="pepper.mp4"】
Ersetzen Sie [ ] durch [ ], das gleiche wie unten.
Wenn Sie dem Artikel hinzufügen, wird automatisch der in WordPress integrierte Player aufgerufen.
Shortcodes in Vorlagendateien verwenden
Sie können die Funktion do_shortcode() verwenden, um das Video in der Theme-Vorlage aufzurufen. Wenn die Videodatei in Ihrem Theme-Verzeichnis gespeichert ist, verwenden Sie get_template_directory_uri() oder get_stylesheet_uri(), um die Datei direkt abzurufen URL.
$video_file = get_template_directory_uri() . "/videos/pepper.mp4"; echo do_shortcode('【video mp4=' . $video_file . '】');
Loop und Autoplay
Sie können Looping und Autoplay über Parameter implementieren und die Klasse als „my-video“ definieren
echo do_shortcode('【video mp4=' . $video_file . ' loop = "on" autoplay = 1 class = my-video】');
Video-Cover hinzufügen (Platzhalterbild)
Wenn es sich im Ordner (Themenverzeichnis)/Bilder befindet Als Cover wird das Bild cover.jpg verwendet:
echo do_shortcode('【video mp4=' . $video_file . ' poster = ' . get_template_directory_uri() . '/images/cover.jpg】');
Videohöhe und -breite einstellen
echo do_shortcode('【video mp4=' . $video_file . ' width = 320 height = 240】');
Mehr
Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie Sie den WordPress-eigenen Funktionscode zum Hinzufügen von Videos verwenden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!