So fügen Sie Videos in WordPress ein

Das Erstellen interessanter und ansprechender Inhalte ist der Schlüssel, um Ihre Besucher davon zu überzeugen und mehr über Sie und Ihre Produkte zu erfahren. Zuvor habe ich bereits einige Tricks erwähnt, um Seiten zu erstellen, die Sie zum Verlieben bringen, und ich habe ausdrücklich darauf hingewiesen, wie wichtig es ist, visuelle Elemente einzubeziehen.

Tatsächlich prognostizierte eine Studie von Zenith im vergangenen Jahr, dass es im Jahr 2021 einen Anstieg der Videoaufrufe von bis zu 100 Minuten pro Tag und einen Anstieg der Ausgaben für Videowerbung um 35 % geben würde. Laut Cisco werden bis 2022 80 % des gesamten Internetverkehrs im Videoformat stattfinden. Und ich fürchte, dass all diese Vorhersagen bei der aktuellen Pandemie zu kurz greifen.

Also, ohne weiteres Gerede über die Bedeutung des Hinzufügens von Videos zu den Beiträgen und Seiten Ihrer Website, lassen Sie uns sehen, wie einfach es ist, Videos in WordPress hinzuzufügen und welche neuen Funktionen die neueste Version von Gutenberg 9.2.2 bietet.

Kopieren Sie die URL eines Videos

Wir haben das Glück, dass Sie mit dem WordPress-Editor ein Video von jeder Plattform sehr einfach einbetten können. Im Browser können Sie von der Plattform, auf der sich das Video befindet, direkt seine URL kopieren.

Sie können die URL auch kopieren, indem Sie auf die Schaltfläche Teilen klicken, die Sie zum Teilen des Videos finden und mit der Sie zusätzliche Optionen hinzufügen können, z. B. die Angabe der Startzeit des Videos.

Dann müssen Sie es nur direkt in einen Textblock einfügen oder Sie haben auch die Möglichkeit, den Block des einzufügenden Videotyps vorher auszuwählen. Wenn ich also zum Beispiel das WordCamp US 2019 – State of the Word-Video von YouTube einbetten möchte, sobald Matt Mullenweg erscheint, erstelle ich einen neuen YouTube-Block und füge die URL https://youtu.be/gS6_xOABTWo?t=2085 ein https://youtu.be/gS6_xOABTWo?t=2085 (oder alternativ die URL https://www.youtube.com/watch?v=gS6_xOABTWo&start=2085 ).

Beachten Sie, dass die Zeit in Sekunden angegeben werden muss. Darüber hinaus haben Sie auch die Möglichkeit, das Video beliebig in Ihrer Seite auszurichten.

Und Sie erhalten ein neues eingebettetes Video in Ihrem Beitrag:

Aber nicht nur das, wenn Sie einen YouTube-Block (oder eine andere Art von Video) hinzufügen, haben Sie auch andere Optionen, die Sie der Videoanzeige hinzufügen können und die von der Plattform abhängen, auf der es abgespielt wird.

So sind beispielsweise im Fall von YouTube die verfügbaren Optionen (durch zusätzliche Parameter in der URL), die Sie haben:

• Um das Video mit an das Thema angepasster Standardbreite und -höhe einzubetten: https://www.youtube.com/gS6_xOABTWo
• Breite und Höhe explizit angeben: https://www.youtube.com/watch?v=gS6_xOABTWo?&w=320&h=240
• Nur Breite angeben: https://www.youtube.com/watch?v=gS6_xOABTWo&w=320
• So richten Sie den Player links aus: https://www.youtube.com/watch?v=gS6_xOABTWo&align=left
• So richten Sie den Player rechts aus: https://www.youtube.com/watch?v=gS6_xOABTWo&align=right
• So zeigen Sie nach Abschluss des Videos nur ähnliche Videos aus demselben Kanal an: https://www.youtube.com/watch?v=gS6_xOABTWo&rel=0
• Um eine Start- und Endzeit für ein Video festzulegen, fügen Sie die Start- und Endzeit hinzu: https://www.youtube.com/watch?v=gS6_xOABTWo&start=75&end=500

Laden Sie Ihr Video hoch und sehen Sie es in Ihrem WordPress an

Manchmal kann es vorkommen, dass Sie Ihre eigenen Videos nicht auf Drittplattformen hochladen möchten und diese ausschließlich auf Ihrem WordPress-Server haben möchten. Das Hochladen und Hinzufügen eines Videos in Ihre Medienbibliothek ist so einfach wie das Hochladen jedes anderen Bildes. Klicken Sie auf Medien oder fügen Sie einen Block vom Typ Video hinzu:

Genau wie beim Hinzufügen eines Bildes haben Sie die Möglichkeit, das Video direkt hochzuladen, es aus der Medienbibliothek auszuwählen oder seine URL einzufügen.

Dann müssen wir in der Medienbibliothek nur das Video auswählen, das wir einfügen möchten, und wir haben es auf unserer Seite oder in unserem Beitrag verfügbar.

Und einmal ausgewählt, werden wir es allen unseren Besuchern zur Verfügung stellen.

Auch die neue Version von Gutenberg 9.2.2. fügt der Videoeinblendung neue Funktionalitäten hinzu. Insbesondere können Sie HTML-Elemente vom Typ <track> aus dem Bearbeitungsmenü hinzufügen.

Sicher ist Ihnen schon aufgefallen, dass wenn Sie ein Video heruntergeladen haben, der Ordner, der es enthält, auch eine SRT -Datei enthält. Dies sind Untertiteldateien, die nicht im Video enthalten sind, die der Videoplayer jedoch extrahieren und synchron mit dem Video anzeigen kann, das Sie gerade ansehen. Ein track Element dient also dazu, den Ort und einige zusätzliche Funktionen dieser SRT -Dateien anzugeben.

Beim Einfügen eines Videos sieht das generierte HTML ähnlich aus wie:

 <!-- wp:video {"id":15850} --> <figure class="wp-block-video"> <video controls="" src="/my-site.com/.../my-video.mp4"></video></figure> <!-- /wp:video -->

Mit dieser neuen Version von Gutenberg können Sie jetzt Track-Elemente aus dem Bearbeitungsmenü zu Videos hinzufügen, ohne jegliche HTML-Bearbeitung. So könnten Sie beispielsweise einem Video englische Untertitel hinzufügen und der HTML-Code würde einen Track mit den Untertitelinformationen enthalten.

 <video controls="" src="/my-site.com/.../my-video.mp4"> <track src="mi-sitio.com/.../english-captions.srt" label="English" srclang="en"> </video>

Die Attribute, die auf den Tracks angezeigt werden können, sind die folgenden:

• srclang – Sprache der Textdaten des Tracks. Es muss sich um einen gültigen BCP 47-Sprachkennzeichnungscode handeln.
• label – Titel für die Player-Oberfläche.
• kind – Wie der Spurtext verwendet wird. Es kann die folgenden Schlüsselwörter enthalten:
  • Untertitel
    • Untertitel für Übersetzungen des Videoinhalts (z. B. Untertitel auf Spanisch, wenn das Video auf Englisch ist) für Personen, die eine Sprache nicht verstehen.
  • Bildunterschriften
    • Transkription dessen, was im Video zu hören ist (Dialoge und andere Geräusche), die für Menschen mit Hörproblemen bestimmt sind.
  • Beschreibungen
    • Textbeschreibung des Videoinhalts für Personen, die blind sind oder das Video nicht sehen können.
  • Kapitel
    • Kapiteltitel sollen verwendet werden, wenn der Benutzer durch Multimedia-Ressourcen navigiert.
  • Metadaten
    • Spuren, die von Skripten verwendet werden. Für Benutzer nicht sichtbar.
• src – URL der Textdatei.

Wie fügen wir diese Tracks hinzu? Sehr einfach, nachdem Sie einen Block des Videotyps hinzugefügt und das Video ausgewählt haben, das wir zeigen möchten, erscheint eine neue Option im Videobearbeitungsmenü, nämlich Titel hinzufügen mit den Optionen Medienbibliothek öffnen oder Hochladen .

Nachdem Sie die Datei in die Medienbibliothek hochgeladen haben, können Sie sie auswählen.

Sie werden sehen, wie es bereits im Videobearbeitungsmenü angezeigt wird, dass Sie die Attribute der Spur bearbeiten können:

Klicken Sie auf die Schaltfläche Bearbeiten und ändern Sie die Attribute nach Bedarf. Sie haben jetzt die in Ihrem Video enthaltene Textspur mit der Videoanzeige synchronisiert.

So können Sie nicht nur Ihre eigenen Videos in Ihrer Mediathek haben, sondern auch ganz einfach zusätzliche Informationen dazu aufnehmen.

Sie haben bereits gesehen, dass das Einbinden von Videos, die Sie auf Plattformen von Drittanbietern gehostet haben, sehr einfach ist, indem Sie einfach die URL kopieren, unter der sich das Video befindet. Aber wenn Sie es aus welchen Gründen auch immer bevorzugen, Ihre Videos in Ihrer eigenen WordPress-Installation zu hosten, können Sie mit dieser neuesten Version von Gutenberg Ihre Videos jetzt auf komfortable Weise zeigen.

Foto von CardMapr auf Unsplash .