WebSite X5Help Center

 
Peter B.
Peter B.
User

Vorschaubild zum Video über html hinzufügen  de

Autor: Peter B.
Besucht 144, Followers 1, Geteilt 0  

Ich füge über HTML und CSS ein YouTube Video auf meiner Webseite ein über folgenden Code:

-----HTML-----

<div class="container">
<iframe class="responsive-iframe" src="https://www.youtube-nocookie.com/embed/WS2EqPjk1WM?rel=0&autoplay=1">
</iframe>
</div>

-----CSS-----

.container {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
}

-------

Siehe auch: https://peters-liederbox.de/muster.html

Wie kann ich zum Video mein individuelles Startbild hinzufügen, hat hier jemand eine Lösung ?

Besten Dank im Voraus

Peter B.

Gepostet am
2 ANTWORTEN
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ES

(It > De) ... ... Sie könnten eine sehr einfache, elementare, leichte und gleichzeitig elegante Lösung für die Seite verwenden, die keine Bandbreitenbindung für die Verbindung zu YouTube erfordert ...
... grundsätzlich müssen Sie ein Bildobjekt einfügen und diesem Bild den Link über die Datei oder URL zuweisen | Datei im Internet, hier fügen Sie die URL Ihres YT-Videos ein, mit der Option zum Öffnen in ShowBox ...
... ein weiterer großer Vorteil meiner Methode ist, dass Sie immer nur ein Video gleichzeitig starten können und so Audioüberschneidungen beim Starten mehrerer Videos vermieden werden ...
.. probieren Sie es aus und Sie werden von der Leichtigkeit und dem schönen Ergebnis begeistert sein ...
...Sie können mehrere Vorschaubilder verwenden, jedes mit einem eigenen Link, der in der Showbox geöffnet wird...
...dasselbe Verfahren können Sie auch mit der Bildergalerie durchführen und so eine ansprechende Präsentation erstellen...
...
... Ich empfehle das eben genannte Vorgehen, ... alternativ gibt es aber auch meine eigene Erfindung mit einem einmaligen EXTRA-Code, der es ermöglicht, verschiedene YT-Videos in verschiedenen Zellen zu haben, mit personalisiertem Vorschaubild, und einmaligem Start, von jeweils nur einem Video, ohne Stoppmöglichkeit, und immer freier Verbindungsbandbreite...

.

ciao

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Um es einfacher zu sagen...es gibt keine Möglichkeit Youtube zu zwingen ein eigenes Vorschaubild einzufügen in einem iframe Code. Man könnte vielleicht die Startzeit des Videos ändern um nicht ein schwarzes Bild zu haben wenn es so anfängt.

Mehr lesen
Gepostet am von Andreas S.