TYPO3 - Videos einbinden: Unterschied zwischen den Versionen

Anleitung
Anleitung
Informationen
Betriebssystem	Alle
Service	TYPO3
Interessant für	Gäste, Angestellte und Studierende
HilfeWiki des ZIM der Uni Paderborn

Aktuelle Version vom 15. Oktober 2024, 03:04 Uhr

TYPO3

Allgemeine Informationen

Videos in TYPO3[Bearbeiten | Quelltext bearbeiten]

Da Videos in der Regel sehr groß sind, ist TYPO3 nicht der richtige Ort für die direkte Ablage von Videos. Sie können aber dennoch Videos komfortabel mit der Hilfe des Videoportals in Ihre Webseiten einbauen.

Bitte beachten Sie:

Sie dürfen ausschließlich urheberrechtlich unbedenkliches Material einstellen.

Was ist zu tun?[Bearbeiten | Quelltext bearbeiten]

Seite öffnen → + Inhalt → „Text & Medien“ auswählen.
Video hinzufügen: Im Tab „Medien“ auf „Mediendatei hinzufügen“ klicken, die Video-URL aus dem Videoportal der Universität Paderborn eingeben und „Medien hinzufügen“ auswählen.
Veröffentlichung und Berechtigungen: Die Videoeinstellungen müssen auf „Öffentlich“ oder „Versteckt“ gesetzt werden, und die Medienberechtigung sollte „Anonymous“ umfassen.
Speichern.

Schritt für Schritt Anleitung[Bearbeiten | Quelltext bearbeiten]

Erstellen Sie ein neues Inhaltselement. Für das Einfügen von Videos ist z. B. „Text & Medien“ (siehe auch: TYPO3 - Text und Medien) geeignet:

Gehen Sie dort zur Seite „Medien“ und klicken Sie auf „Mediendatei hinzufügen“.

Wählen Sie anschließend den Ordner aus, in den das Video geladen werden soll, geben Sie unten in das Eingabefeld die vollständige (!) URL des Videos im Videoportal der Universität Paderborn ein und klicken Sie anschließend auf „Medien hinzufügen“. Bitte beachten Sie für die Videos im Videoportal folgende Einstellungen:

Die Veröffentlichung muss auf "Öffentlich" oder "Versteckt" gesetzt werden.
Die Medienberechtigung muss um "Anonymous" ergänzt werden.

Es erscheint der Hinweis „Medien hinzugefügt“ und das Video wird aufgelistet.

Klicken Sie auf den Listeneintrag, damit das Video in das Element „Text & Medien“ übernommen wird.

Sie können nun noch Titel und Beschreibung hinzufügen. In der Regel werden diese Daten jedoch automatisch aus dem Videoportal übernommen. Speichern Sie die Änderung und klicken Sie auf „Schließen“. Sie erhalten nun folgende Seite.

Lassen Sie sich die Seite im Web anzeigen:

Eventuell muss der Alt-Text für die barrierearme Webgestaltung noch eingefügt werden. Öffnen Sie dafür noch einmal das Element „Text & Medien“, gehen Sie dort auf die Seite „Medien“ und klicken Sie auf das Stiftsymbol, um die Metadaten der Videodatei zu bearbeiten.

Fügen Sie bei „Alternativer Text“ einen kurzen erläuternden Text hinzu und speichern Sie die Änderung.

Alternativ zum Hochladen des Videos und zum Bearbeiten der Metadaten über das Element „Text & Medien“ können Sie das Video in der Ansicht „Dateiliste“ in den gewünschten Ordner hochladen und dort auch die Metadaten bearbeiten sowie eine Übersetzung der Metadaten einfügen.

Siehe auch[Bearbeiten | Quelltext bearbeiten]

Bei Fragen oder Problemen wenden Sie sich bitte telefonisch oder per E-Mail an uns:

Tel. IT: +49 (5251) 60-5544 • Tel. Medien: +49 (5251) 60-2821 • E-Mail: zim@uni-paderborn.de

Das Notebook-Café ist die Benutzerberatung des ZIM - Sie finden uns in Raum I0.401

Wir sind zu folgenden Zeiten erreichbar:

	Mo	Di - Fr
Vor-Ort-Support	Geschlossen	Über die Feiertage geschlossen
Telefonsupport	08:30 - 13:00	Über die Feiertage geschlossen

Das ZIM:Servicecenter Medien auf H1 hat aktuell zu folgenden Zeiten geöffnet:

Mo	Di - Fr
08:00 - 16:00	Über die Feiertage geschlossen

@@ Zeile 4: / Zeile 4: @@
 |targetgroup=Gäste, Angestellte, Studierende
 |hasdisambig=Nein
-}}
-{{template caller‏‎
-|marker=Faulty
 }}
 == Videos in TYPO3 ==
@@ Zeile 13: / Zeile 10: @@
 :: '''Sie dürfen ausschließlich urheberrechtlich unbedenkliches Material einstellen.'''
-=== Was zu tun ist ===
+== Was ist zu tun? ==
+* '''Seite öffnen''' → + Inhalt → „Text & Medien“ auswählen.
+* '''Video hinzufügen:''' Im Tab „Medien“ auf „Mediendatei hinzufügen“ klicken, die Video-URL aus dem Videoportal der Universität Paderborn eingeben und „Medien hinzufügen“ auswählen.
+* '''Veröffentlichung und Berechtigungen:''' Die Videoeinstellungen müssen auf „Öffentlich“ oder „Versteckt“ gesetzt werden, und die Medienberechtigung sollte „Anonymous“ umfassen.
+* '''Speichern.'''
-* Kopieren des Textes zur Identifikation eines Videos anhand der Video-URL
+== Schritt für Schritt Anleitung ==
-* Öffnen der Seite in Typo3
-** Hinzufügen eines Inhaltslements des Typs '''WebVideoPlayer'''
+Erstellen Sie ein neues Inhaltselement. Für das Einfügen von Videos ist z. B. „Text & Medien“ (siehe auch: [[TYPO3 - Text und Medien]]) geeignet:
-** Auswählen des Videoanbieter '''Videoportal der Uni'''
-** Einfügen der '''VideoId'''
+[[Datei:Screenshot TYPO3 Videos einbinden 01.png|links|mini|ohne|520px]]
-** Abspeichern des neuen Inhaltelements
+<br clear=all>
+[[Datei:Screenshot TYPO3 Videos einbinden 02.png|links|mini|ohne|520px]]
+<br clear=all>
+Gehen Sie dort zur Seite „Medien“ und klicken Sie auf „Mediendatei hinzufügen“.
+[[Datei:Screenshot TYPO3 Videos einbinden 03.png|links|mini|ohne|520px]]
+<br clear=all>
+Wählen Sie anschließend den Ordner aus, in den das Video geladen werden soll, geben Sie unten in das Eingabefeld die vollständige (!) URL des Videos im Videoportal der Universität Paderborn ein und klicken Sie anschließend auf „Medien hinzufügen“.
+Bitte beachten Sie für die Videos im Videoportal folgende Einstellungen:
-== Schritt für Schritt Anleitung ==
+* '''Die Veröffentlichung muss auf "Öffentlich" oder "Versteckt" gesetzt werden.'''
+* '''Die Medienberechtigung muss um "Anonymous" ergänzt werden. '''
+[[Datei:Screenshot TYPO3 Videos einbinden 05.png|links|mini|ohne|520px]]
+<br clear=all>
+[[Datei:Screenshot TYPO3 Videos einbinden 04.png|links|mini|ohne|520px]]
-Videos werden auf unseren Typo3 Webseiten mit Hilfe des [[Videoportal|Videoportals]] eingebunden. Haben Sie dort ein [[Video hochladen|Video hochgeladen]] können Sie es wie folgt auf den Typo3 Seiten anzeigen lassen.
+<br clear=all>
-<bootstrap_alert color="info">''Hinweis'': Bitte achten Sie darauf, dass das Video folgende [[Video hochladen#Video öffentlich|Einstellungen]] benötigt:
+Es erscheint der Hinweis „Medien hinzugefügt“ und das Video wird aufgelistet.
-*Veröffentlichung: versteckt '''oder''' öffentlich
+Klicken Sie auf den Listeneintrag, damit das Video in das Element „Text & Medien“ übernommen wird.
-*Medienberechtigung: anonymous, Benutzer, Redakteur
-</bootstrap_alert>
-=== Herausfinden der VideoId ===
+[[Datei:Screenshot TYPO3 Videos einbinden 06.png|links|mini|ohne|520px]]
-Um ein Video in Typo3 einzubinden, benötigen Sie die '''VideoId''' des Videos, welches sie darstellen möchten. Diese Identifikation finden Sie auf der Seite des Videos entweder (1) in der URL oder (2) über den Teilen-Knopf.
+<br clear=all>
-[[Datei:TYPO3 Video Key herausfinden.png|rechts|mini|ohne|199px]]
+Sie können nun noch Titel und Beschreibung hinzufügen. In der Regel werden diese Daten jedoch automatisch aus dem Videoportal übernommen. Speichern Sie die Änderung und klicken Sie auf „Schließen“. Sie erhalten nun folgende Seite.
-Die '''VideoId''' sind die letzten 32 Zeichen nach dem letzten / in der Adresse zum Video.
+<br clear=all>
-<bootstrap_alert color="info">''Hinweis'': Bitte achten Sie darauf, dass Sie genau die 32 Zeichen der VideoId kopieren, da sonst in Typo3 Teile der VideoId abgeschnitten werden könnten.
+Lassen Sie sich die Seite im Web anzeigen:
-</bootstrap_alert>
-==== Beispiel VideoId ====
+[[Datei:Screenshot TYPO3 Videos einbinden 07.png|links|mini|ohne|520px]]
-{|
-| URL:
-| <nowiki>https://videos.uni-paderborn.de/video/Ballsport-XXL-und-Schwertkampf-an-der-UPB/f1b35efc3c1a0debba8190144c0603dc</nowiki>
-|-
-| VideoId:&nbsp;&nbsp;&nbsp;
-| f1b35efc3c1a0debba8190144c0603dc
-|}
-=== Erstellen eines neuen Video Inhaltelements in Typo3 ===
+<br clear=all>
-Öffnen Sie zuerst im Seitenbaum die gewünschte Seite und erstellen Sie ein neues Inhaltselement.
+Eventuell muss der Alt-Text für die barrierearme Webgestaltung noch eingefügt werden. Öffnen Sie dafür noch einmal das Element „Text & Medien“, gehen Sie dort auf die Seite „Medien“ und klicken Sie auf das Stiftsymbol, um die Metadaten der Videodatei zu bearbeiten.
-[[Datei:TYPO3 Neues Inhaltselement2.png|center|mini|Wählen Sie im Seitenbaum(1) ihre Seite(2) aus und klicken Sie dort auf neues Inhaltselement(3)|700px]]
-Im Inhaltselementedialog wählen Sie '''Inhaltselement - WebVideoPlayer''' aus.
+[[Datei:Screenshot TYPO3 Videos einbinden 08.png|links|mini|ohne|520px]]
-[[Datei:TYPO3 Neues Inhaltselement Video.png|center|mini|Wählen Sie im Tab '''Typischer Seiteninhalt'''(1) das '''Inhaltselement - WebVideoPlayer'''(2) aus|700px]]
+<br clear=all>
-=== Bearbeiten des Video Inhaltselements in Typo3 ===
+Fügen Sie bei „Alternativer Text“ einen kurzen erläuternden Text hinzu und speichern Sie die Änderung.
-Wenn Sie ein Inhaltselement mit https://videos.uni-paderborn.de verbinden wollen, wählen Sie als Typ '''Upb Content - Video Player''' aus. Dieses ist schon für Sie ausgewählt, wenn Sie bereits die vorherigen Schritte ausgeführt haben.
+<br clear=all>
-Danach können Sie unter '''Videoanbieter''' das ''Videoportal der Uni'' auswählen.
+Alternativ zum Hochladen des Videos und zum Bearbeiten der Metadaten über das Element „Text & Medien“ können Sie das Video in der Ansicht „Dateiliste“ in den gewünschten Ordner hochladen und dort auch die Metadaten bearbeiten sowie eine Übersetzung der Metadaten einfügen.
-Schließlich tragen Sie die [[#Herausfinden der VideoId|VideoId]] in das entsprechende Feld ein. Jetzt können Sie das Element abspeichern.
+<br clear=all>
-[[Datei:TYPO3 Neues Inhaltselement WebVideo.png|center|mini|Wählen Sie Videoportal der Uni unter '''Videoanbieter'''(2) aus und fügen Sie die '''VideoId'''(3) ein|700px]]
+==Siehe auch==
+* [[TYPO3]]
+* [[TYPO3 - Text und Medien]]