Code für Ausschnitt aus Video

Folgend zeige ich, anhand eines Beispiels, welchen Code ich eintrage, wenn ich von einem YouTube-Video nur einen Ausschnitt zeigen will.

---

Ergebnis

Um ein weiteres Mal nur diesen Ausschnitt zu sehen, muss man in der Zeitleiste auf 1:37 klicken.

Video-Code

<div class="responsive-video">
<iframe allowfullscreen="" frameborder="0" width="510" height="286.875" src="https://www.youtube.com/embed/x96Ql_IgQXo?rel=0&amp;start=97&amp;end=107&amp;loop=2">
</iframe>
</div>

Als Anfang und Ende werden Sekunden eingetragen. Die Startposition 1:37 auf der Videoplayer-Zeitleiste wird also im Code als 97 eingetragen und die Endposition 1:47 wird im Code als 107 eingetragen.

Zeile darunter

<div style="padding-bottom:5px;"></div>
Um ein weiteres Mal nur diesen Ausschnitt zu sehen, muss man in der Zeitleiste auf 1:37 klicken.

Zwischen Video und Folgetext trage ich ein div mit padding-bottom:5px für Abstand nach unten ein, weil an der Stelle ein oder mehrere br keinen Abstand bewirken.

Insgesamt

Ich muss für ein anderes Video dann jeweils nur die orange gefärbten Code-/Textteile austauschen, der Rest bleibt gleich.