Video Player - Handbuch wien.gv.at

Über das Pattern

Parameter und Anwendung in Nunjucks

# Parameter
settings: "object"
  files: "array" # Liste der Video Dateien (wenn vorhanden: webm und mp4 angeben)
    - src: "string" # Pfad des internen Videos
      type: "string" # zulässige Werte: video/mp4, video/webm
  autoplay: "boolean" # spielt automatisch ab (default: false)
  muted: "boolean" # spielt mit Lautstärke ab (default: false)
  controls: "boolean" # Controls anzeigen (default: false)
  loop: "boolean" # spielt in Schlaufe ab (default: false)
  poster: "string" # (Wichtig: sollte immer vorhanden sein) Pfad des Posterbildes
  class: "string" # CSS-Klassen
  link: "string" # (nur bei externen Video) Pfad des extern eingebundenen Videos
  label: "string" # Label des Videos frei wählbar
  description: "string" # wenn vorhanden -> Video innerhalb einer <figure></figure> mit <figcaption> description frei wählbar </figcaption>

# Anwendung
{% from "components/media/video.njk" import video with context %}

{{ video(settings) }}