Videos einbetten

Videos werden im Backend per html-Element eingepflegt und auf der Webseite eingesetzt. Hier wird gezeigt, wie es geht.

Code für Videos (YouTube + weitere)

  1. URL des Videos in die Zwischenablage kopieren, das auf der Seite eingebunden werden soll
    1. Bei YouTube:
      1. Unterhalb des Videos: Klick auf Teilen
      2. "Einbetten"
      3. Scrollen und den Haken aktivieren bei "Erweiterten Datenschutzmodus aktivieren."
      4. Code hinter src= zwischen den "" kopieren
    2. Außerhalb von YouTube: meist mit rechtsklick auf das Video → "Videoadresse kopieren" (bspw. www.aerzteblatt.de/download/files/2017/05/down137135827.mp4)
  2. Code aus dem im Backend am Ende dieser Seite stehenden html-Element in die Zwischenablage kopieren
  3. Inhaltselement HTML auf der Seite anlegen, auf der das Video asugespielt werden soll
  4. Code des HTML-Elements aus der Zwischenablage einfügen
  5. Den hier gefetteten Teil des Codes durch die Videoadresse ersetzen (zwischen den beiden ""):
    1. ALT: data-src="DIESEN_TEXT_DURCH_DIE_VIDEO-URL_ERSETZEN" data-cookieconsent="marketing" allowfullscreen="">
    2. NEU: data-src="www.aerzteblatt.de/download/files/2017/05/down137135827.mp4" data-cookieconsent="marketing" allowfullscreen="">
  6. Speichern und prüfen. Das Video sollte nach Akzeptieren aller Cookies abgespielt werden.

 

Unterhalb des Videos: Klick auf Teilen -> "Einbetten" -> Scrollen und den Haken aktivieren bei "Erweiterten Datenschutzmodus aktivieren." -> Code hinter src= zwischen den "" kopieren
Unterhalb des Videos: Klick auf Teilen -> "Einbetten" -> Scrollen und den Haken aktivieren bei "Erweiterten Datenschutzmodus aktivieren." -> Code hinter src= zwischen den "" kopieren
URL des Videos in die Zwischenablage kopieren, das auf der Seite eingebunden werden soll (meist mit rechts Klick auf das Video → "Videoadresse kopieren") bspw. www.aerzteblatt.de/download/files/2017/05/down137135827.mp4
URL des Videos in die Zwischenablage kopieren, das auf der Seite eingebunden werden soll (meist mit rechts Klick auf das Video → "Videoadresse kopieren") bspw. www.aerzteblatt.de/download/files/2017/05/down137135827.mp4
Code aus dem im Backend unter diesem Textblock stehenden html-Element in die Zwischenablage kopieren
Code aus dem im Backend unter diesem Textblock stehenden html-Element in die Zwischenablage kopieren
Den hier rot umrahmten Teil des Codes durch die Videoadresse ersetzen (zwischen den beiden "")
Den hier rot umrahmten Teil des Codes durch die Videoadresse ersetzen (zwischen den beiden "")

Code für Videos von bundestag.tv

  1. URL des Videos in die Zwischenablage kopieren, das geht so:
    1. Video in Detailansicht öffnen
    2. Klick auf Teilen-Symbol oben rechts im Videofenster
    3. Einbetten
    4. Den kompletten Teil hinter src= zwischen den "" in die Zwischenablage kopieren
  2. Code aus dem im Backend am Ende dieser Seite stehenden html-Element in die Zwischenablage kopieren
  3. Inhaltselement HTML auf der Seite anlegen, auf der das Video asugespielt werden soll
  4. Code des HTML-Elements aus der Zwischenablage einfügen
  5. Den hier gefetteten Teil des Codes durch die Videoadresse ersetzen (zwischen den beiden ""):
    1. ALT: data-src="DIESEN_TEXT_DURCH_DIE_VIDEO-URL_ERSETZEN" data-cookieconsent="marketing" allowfullscreen="">
    2. NEU: data-src="webtv.bundestag.de/pservices/player/embed/nokey" data-cookieconsent="marketing" allowfullscreen="">
  6. Speichern und prüfen. Das Video sollte nach Akzeptieren aller Cookies abgespielt werden.

 

Video in Detailansicht öffnen -> Klick auf Teilen-Symbol oben rechts im Videofenster -> Einbetten -> Den kompletten Teil hinter src= zwischen den "" in die Zwischenablage kopieren
Video in Detailansicht öffnen -> Klick auf Teilen-Symbol oben rechts im Videofenster -> Einbetten -> Den kompletten Teil hinter src= zwischen den "" in die Zwischenablage kopieren
Code aus dem im Backend unter diesem Textblock stehenden html-Element in die Zwischenablage kopieren
Code aus dem im Backend unter diesem Textblock stehenden html-Element in die Zwischenablage kopieren
Den hier rot umrahmten Teil des Codes durch die Videoadresse ersetzen (zwischen den beiden "")
Den hier rot umrahmten Teil des Codes durch die Videoadresse ersetzen (zwischen den beiden "")
Stand: 12. April 2023
© Copyright 2024 Bundesministerium für Gesundheit
Hinweis
Sehr geehrte Damen und Herren, Sie nutzen leider eine Browser-Version, die nicht länger vom Bundesgesundheitsministerium unterstützt wird. Um das Angebot und alle Funktionen in vollem Umpfang nutzen zu können, aktualisieren Sie bitte ihren Browser auf die letzte Version von Chrome, Firefox, Safari oder Edge. Aus Sicherheitsgründen wird der Internet Explorer nicht unterstützt.