Youtube-Video im Autoplay- und Loop-Modus responsive ohne schwarze Balken möglich?

alemax

Liebe Community,

ich suche nun schon länger nach der Lösung dieses Problems und werde bald narrisch...

Ich möchte einene Youtube-Video responsive im Autoplay- und Loop-Modus einbinden und zwar ohne, dass oben und unten schwarze Balken sind. Ist das möglich?

Hier habe ich mal die Varianten und die zugehörigen Codes dargestellt.

Und by the way: Warum funktioniert die Autoplay-Funktion nicht auf meinem Android?

Schon jetzt Danke für jeden brauchbaren Hinweis.
A.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Gerd-E.

Hi alemax,

der schwarze Balken beim zweiten Beispiel kommt hiervon

Code

<div class="fve-video-wrapper fve-image-embed fve-thumbnail-image youtube" 
style="padding-bottom:[COLOR=#ff0000]75[/COLOR]%;">

wenn du den Wert wie beim ersten Beispiel auf 56,25% setzt, sieht es bei mir gut aus ;-)

alemax

Hallo Gerd-E.,

vielen Dank für die schnelle Antwort.
Ich habe an keiner Stelle diesen Wert aktiv editiert. Der ist offensichtlich vom System eigenständig vergeben worden.
Die Frage also ist: Wo kann ich den Wert beeinflussen?
Hast Du eine Idee?

Hier übrigens der ganze Code aus der Textansicht:

Code

<h1>Variante 1</h1>
Responsive = ok. Autostart und Loop nicht ok.


Code: http://youtu.be/H_p21p690zw
http://youtu.be/H_p21p690zw


&nbsp;
<h1>Variante 2</h1>
Autostart und Loop = ok. Responsive = ok. Scharze Balken oben und unten = Kacke.


Code: http://youtu.be/H_p21p690zw?loop=1&amp;amp;playlist=H_p21p690zw;rel=0&amp;amp;autoplay=1&amp;amp;autohide=2&amp;amp;modestbranding=1&amp;amp;controls=0&amp;amp;iv_load_policy=3&amp;amp;amp
http://youtu.be/H_p21p690zw?loop=1&amp;playlist=H_p21p690zw;rel=0&amp;autoplay=1&amp;autohide=2&amp;modestbranding=1&amp;controls=0&amp;iv_load_policy=3&amp;amp


&nbsp;
<h1>Variante 3</h1>
Autostart und Loop = ok. Darstellung ist nicht responsive


Code: &lt;iframe src="//www.youtube-nocookie.com/embed/EQgiEmkKcr8?loop=1&amp;amp;playlist=EQgiEmkKcr8;rel=0&amp;amp;autoplay=1&amp;amp;autohide=2&amp;amp;modestbranding=1&amp;amp;controls=0&amp;amp;iv_load_policy=3&amp;amp;amp" width="1018" height="572" frameborder="0"&gt;&lt;/iframe&gt;
<iframe src="//www.youtube-nocookie.com/embed/H_p21p690zw?loop=1&amp;playlist=EQgiEmkKcr8;rel=0&amp;autoplay=1&amp;autohide=2&amp;modestbranding=1&amp;controls=0&amp;iv_load_policy=3&amp;amp" width="1018" height="572" frameborder="0"></iframe>

Alles anzeigen

Danke
alemax

Gerd-E.

Hi alemax,

das macht dein Theme bzw. WP.

Bei den ersten beiden Codes gibst du nur den Link ein, beim dritten ein Iframe, das kann ein Grund sein, dass das dritte Beispiel nicht responsive ist.

alemax

Hi Gerd-E.,

Zitat

das macht dein Theme bzw. WP.

Jep. Aber warum einmal so und einmal so?

Zitat

Bei den ersten beiden Codes gibst du nur den Link ein, beim dritten ein Iframe, das kann ein Grund sein, dass das dritte Beispiel nicht responsive ist.

Ja, im Iframe stehen feste Größen drin. Ohne feste Größen oder %-Werten schrumpft das Video in der Darstellung auf Handy-Größe. Auch nicht schön...

alemax

Gerd-E.

Hi alemax,

ich würde die drei Codes mit einem WP Standardtheme mal testen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Youtube-Video im Autoplay- und Loop-Modus responsive ohne schwarze Balken möglich?

Jetzt mitmachen!