[SOLVED] Ändern Sie die Größe des eingebetteten Youtube-Videos WordPress

Andrei Iordache

Andrei Iordache

WordPress Entwickler

🚀 Ich helfe Menschen online gefunden zu werden | WordPress Entwicklung, Core Web Vitals, Sicherheit&Wartung

In diesem kurzen Tutorial zeige ich Ihnen, wie Sie die Größe des Youtube-Videos ändern können, das Sie in Ihren WordPress-Artikel oder Ihre Seite eingebettet haben.

Warum sollten Sie Videos in Blogbeiträge einbetten?

Youtube-Videos sind eine großartige Möglichkeit, Ihren Blog-Beitrag mit spannenden Inhalten zu ergänzen.

Sie helfen Ihnen, Ihr Publikum stärker einzubinden, und sorgen dafür, dass es sich für das Thema interessiert.

Es ist auch eine gute Möglichkeit, Ihr Produkt oder Ihre Dienstleistung in Aktion zu zeigen.

Sie können Youtube-Videos sogar als Einleitung zu Ihrem Blogbeitrag verwenden, was es für Menschen einfacher macht, die mit dem Thema, über das Sie schreiben, nicht vertraut sind, oder die die Informationen in einem Video einfach besser verstehen als in einem schriftlichen Beitrag.

Wie Sie vielleicht schon wissen, bietet WordPress die Möglichkeit, jede Seite oder jeden Beitrag und jedes Element darin individuell zu gestalten. In den letzten Jahren verwenden immer mehr Menschen visuelle Editor-Plugins wie Gutenberg, Visual Composer, WPBakery Page Builder, Beaver Builder oder Elementor (und viele andere Addons), weil diese einfacher zu steuern sind, als den gesamten Code von Grund auf zu schreiben.

Größe des eingebetteten Youtube-Videos ändern WordPress

Wie kann man die Größe eines eingebetteten Youtube-Videos in WordPress ändern? Ich zeige Ihnen den einfachsten Weg, der direkt von Youtube bereitgestellt wird:

I. Um die Größe des Youtube-Videos in Ihrem Beitrag oder auf Ihrer Seite zu ändern, gehen Sie folgendermaßen vor:

1. Gehen Sie zu Youtube und suchen Sie nach Ihrem Video.

2. Klicken Sie auf die Schaltfläche „Teilen“. Sie sehen die Option „Einbetten“ ganz am Anfang (vor der Facebook-Schaltfläche – siehe Bild unten).

IMG 1 - Share Button | Youtube Embed WordPress
IMG 1 – Share Button | Youtube Embed WordPress

3. Drücken Sie die Schaltfläche Einbetten (siehe Abbildung unten).

IMG 2 - Embed Button | Youtube Embed WordPress
IMG 2 – Embed Button | Youtube Embed WordPress

4. Kopieren Sie den benutzerdefinierten Code (siehe Abbildung 3 unten) in Ihre WordPress-Seite/Ihren WordPress-Beitrag. Vergessen Sie nicht: Sie müssen sich im TEXT-Modus befinden und nicht im visuellen Modus, wenn Sie den Code in den Beitrag/die Seite einfügen.

IMG 3 - Embed Video Settings | Youtube Embed WordPress
IMG 3 – Embed Video Settings | Youtube Embed WordPress

5. Sie können die Größe des Videos direkt über den Code ändern.

6. Optional: Sie können auch den Startpunkt des Videos festlegen (z.B.: 1:47).

7. Aktivieren Sie „Playerkontrollen anzeigen“, wenn Sie den Besuchern Ihrer Website die Möglichkeit geben möchten, das Video zu steuern.

8. Sehr wichtig: Aktivieren Sie die Option „Enable privacy-enhanced mode“. Was ist das? Dies ist eine neue Funktion von Youtube. Wenn Sie dieses Kästchen ankreuzen, aktivieren Sie den datenschutzfreundlichen Modus, und Youtube speichert die Informationen Ihrer Besucher nicht, bis sie das betreffende Video starten (siehe Bild unten).

IMG 4 - What does YouTube-Nocookie com mean? | Youtube Embed WordPress
IMG 4 – What does YouTube-Nocookie com mean? | Youtube Embed WordPress

9. Jetzt können Sie auf „Aktualisieren/Veröffentlichen“ klicken und Ihren neuen Beitrag/die neue Seite überprüfen.

Mit diesem Quellcode können Sie die Größe des eingebetteten Videos in jedem oben genannten Addon (Gutenberg, Visual Composer, WPBakery und so weiter) ändern. Auch hier müssen Sie nur sicherstellen, dass Sie sich im TEXT-Modus/HTML-Modus befinden und nicht im visuellen Modus.

Bei den anderen Addons (z. B. Elementor) können Sie ein neues HTML-Element hinzufügen und den Videocode dort einfügen.


II. Verhältnis/Proportion des eingebetteten YouTube-Videos in WordPress mit Gutenberg-Editor ändern

  1. Gehen Sie zu dem Beitrag/der Seite und drücken Sie auf Bearbeiten.
  2. Gehen Sie zu dem Block, in dem Ihr Video eingefügt ist.
  3. Bewegen Sie den Block und drücken Sie auf die 3 Punkte.
  4. Wählen Sie aus dem Dropdown-Menü: „Als HTML bearbeiten“. Jetzt sehen Sie den Videocode (wie oben).
  5. Hier können Sie das Seitenverhältnis des Videos ändern (4:3, 16:9, 21:9).
Vorheriger Beitrag
[GUIDE] Wie man eine WordPress-Seite auf einen neuen Besitzer, Hoster oder Domainnamen überträgt
Nächster Beitrag
[SOLVED] AdSense funktioniert nicht auf meiner WordPress-Seite
Lusi StudiosLusi Studios
15:32 22 Jun 22
Andrei did an amazing job! He helped in a very rushed time and he excelled at everything. Thanks again!
I am grateful and I would to thank Websites Seller for their support in site recovery and site transfer. Websites Seller just saved my business. Thank you!
Wouter GhysensWouter Ghysens
11:52 10 Sep 21
Looking for a Wordpress transfer from site A to site B, I found back Andrei from Wesites Seller on Google.He was very proactive in his approach, came with hundreds of ideas and lifetime experiences from other migrations. He knows the wordpress, the hosting and php database as the back of his pocket.And we worked out this migration very smooth. Together we solved it, and myself and my business are very pleased with his approach.100% recommendation & kudo's from out of Belgium!
Ioachim CiobanuIoachim Ciobanu
18:39 14 Jul 21
Websites Seller built my resume site. Deliverables were quickly completed, and I was asked for my feedback at each stage of development. All feedback I gave was implemented in a short time.Another great thing is that he comes with smart solutions, regarding stuff which I didn't initially think of (site security, Google site speed optimization and so on). Basically, he was great, staying in touch, keeping me updated and paid attention to what was most important for my site.Overall, I am very happy with the work done. I highly recommend this developer!
K CollinsK Collins
09:11 19 May 21
I needed help with website speed - to improve my core web vitals - without compromising the usability of my site. Andrei was extremely responsive, proactive and fast. And more importantly, he increased by website speed. Highly recommend him, and I will be using him going forward on all my projects.
js_loader

Dienstleistungen

WordPress Website Maintenance Services

WordPress Wartungsdienste

WordPress Website Wartungs Service, der Cloud Backups, Notfall Support, wöchentliche Website Updates, Geschwindigkeit und vieles mehr bietet.

sally

WordPress Migrationsdienst

Übertragen Sie Ihre WordPress-Website sicher an einen neuen Standort für $75. … Migrieren Sie Ihre Website zu ihrem neuen Hoster.

lawyer-office

Anwalts Web design

Wir sind spezialisiert auf Website-Design, Internet-Marketing und SEO für Anwälte und Juristen in ganz Europa und den USA.