Clips

Fügen Sie kurze, selbst gehostete Demo-Clips mit einem Klick-zum-Abspielen-Umschalter hinzu.

1 MIN LESEZEIT

Ein Clip ist ein kurzes, stummgeschaltetes, in Schleife laufendes Demo-Video. Mordoc empfiehlt diesen Weg, um eine UI-Interaktion zu zeigen, statt eines animierten GIFs.

Ein GIF spielt automatisch ab, ohne Möglichkeit, es zu pausieren, was sowohl ablenkend als auch ein Barrierefreiheitsproblem ist. Ein Clip wird pausiert mit seinem Vorschaubild dargestellt und spielt erst ab, sobald ein Leser darauf klickt, sodass er unter der Kontrolle des Lesers bleibt.

Einen Clip hinzufügen

Markdown

{% clip 
  src="/clips/sample-clip.mp4" 
  thumbnail="/images/content-images/clip-thumbnail.png" 
  title="Sample clip" 
  alt="Sample clip" 
/%}

So sieht das aus

Beispiel-Clip

Legen Sie die Videodatei in public/ ab und referenzieren Sie dann ihren Pfad auf die gleiche Weise wie bei einem Bild. Siehe Bilder und Dateien, falls Sie noch nie ein Asset hinzugefügt haben.

Clip-Attribute

Attribut	Beschreibung	Werte	Erforderlich
`src`	Die Videodatei selbst	Videopfad	Erforderlich
`thumbnail`	Wird pausiert angezeigt, bevor der Leser auf Play klickt	Bildpfad	Optional
`title`	Eine Bildunterschrift, die unter dem Clip angezeigt wird	Beliebiger Text	Optional
`alt`	Zugängliches Label für die Play/Pause-Schaltfläche	Beliebiger Text	Optional

Clips kurz und stumm halten

Clips sind für kurze, dekorative Demo-Schleifen gedacht, nicht für eine erzählte Anleitung. Mordoc schaltet sie immer stumm.

Verwenden Sie für ein längeres, hörbares Video, etwa einen aufgezeichneten Vortrag oder eine erzählte Anleitung, stattdessen eine Video-Einbettung, die auf ein bereits auf YouTube, Vimeo oder Loom gehostetes Video verweist, anstatt eine Datei, die Sie selbst hosten.

Nächster Schritt

Ein gehostetes Video einbetten.