TYPO3 - Videos einbinden: Unterschied zwischen den Versionen

ZIM HilfeWiki - das Wiki
 
(20 dazwischenliegende Versionen von 6 Benutzern werden nicht angezeigt)
Zeile 2: Zeile 2:
 
|type=Anleitung
 
|type=Anleitung
 
|service=Service:Typo3
 
|service=Service:Typo3
|targetgroup=Angestellte,Studierende,Gäste
+
|targetgroup=Gäste, Angestellte, Studierende
 
|hasdisambig=Nein
 
|hasdisambig=Nein
 
}}
 
}}
 
== Videos in TYPO3 ==
 
== Videos in TYPO3 ==
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 in Ihre Webseiten einbauen.  
+
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 [[Videoportal|Videoportals]] in Ihre Webseiten einbauen.  
 
: '''Bitte beachten Sie:'''
 
: '''Bitte beachten Sie:'''
 
:: '''Sie dürfen ausschließlich urheberrechtlich unbedenkliches Material einstellen.'''
 
:: '''Sie dürfen ausschließlich urheberrechtlich unbedenkliches Material einstellen.'''
  
=== Voraussetzungen ===
+
== 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.'''
  
* Zugriffsrechte in TYPO3
+
== Schritt für Schritt Anleitung ==
* Ein Gruppenverzeichnis (Netzwerkspeicher)
 
* vorhandener Streaming-Server Bereich
 
* Das Video muss als mp4 vorliegen und H264 encodiert sein, mit Audio-Codec AAC
 
  
Neben den Zugriffsrechten auf TYPO3, ist ein vorhandener Bereich auf dem Streaming-Server des IMT. Diesen können sie bei der IMT-Benutzerberatung beauftragen. Am einfachsten geht das per Mail ([mailto:imt@upb.de imt@upb.de]). Bitte geben Sie dazu den Gruppennamen für Ihre Netzwerkdateiablage in der Mail mit an. Sie erhalten dann vom IMT eine Mitteilung, wie der Streaming-Bereich bei Ihnen heißt.
+
Erstellen Sie ein neues Inhaltselement. Für das Einfügen von Videos ist z. B. „Text & Medien“ (siehe auch: [[TYPO3 - Text und Medien]]) geeignet:
  
Der Streaming-Server liefert die Videos dann später an Ihre Webseitenbesucher aus.
+
[[Datei:Screenshot TYPO3 Videos einbinden 01.png|links|mini|ohne|520px]]
  
=== Videos im Netzwerkspeicher ablegen ===
+
<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:
 +
 
 +
* '''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:TYPO3 Videos einbinden 04.png|links|mini|ohne|199px]]
+
[[Datei:Screenshot TYPO3 Videos einbinden 04.png|links|mini|ohne|520px]]
<br>
 
Im Gruppenverzeichnis erscheint nach der Beantragung ein Streaming-Ordner. Dort hinein legen Sie die MP4-Videodateien.
 
  
Videos die in diesem Ordner liegen, können in TYPO3 eingebunden werden.
 
 
<br clear=all>
 
<br clear=all>
  
=== Videos einbinden ===
+
Es erscheint der Hinweis „Medien hinzugefügt“ und das Video wird aufgelistet.
In TYPO3 selbst haben Sie derzeit zwei Möglichkeiten Videos vom Streamingserver einzubinden:
+
 
# Großer Videoplayer (Inhaltselement – Video über Streaming-Server)
+
Klicken Sie auf den Listeneintrag, damit das Video in das Element „Text & Medien“ übernommen wird.
# Kleiner Videoplayer als Hinweisbox (Hinweisbox StreamingVideo)
 
Sie können diese über den Reiter ''„Typischer Seiteninhalt“'' wie üblich in TYPO3 einfügen.
 
  
[[Datei:TYPO3 Videos einbinden 01.png|center|mini|ohne|700px]]
+
[[Datei:Screenshot TYPO3 Videos einbinden 06.png|links|mini|ohne|520px]]
  
Um das Video nun einzubinden geben Sie in den Erweiterungsoptionen des jeweiligen Inhaltselements den durch das IMT zugesendeten Bereichsnamen und den Dateinamen einer von Ihnen im Streaming-Verzeichnis abgelegten Videodatei an. Die Videos sollten sich im Format '''mp4''' befinden. '''Flash-Videos werden nicht unterstützt.'''
+
<br clear=all>
  
Wie Sie auf Verzeichnisse im Netzwerkspeicher zugreifen, können Sie im Hilfeartikel [https://hilfe.uni-paderborn.de/Netzwerkspeicher "Zugriff auf das Netzwerkdateisystem"] nachlesen.  
+
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.
<div class="tleft" style="clear:none">[[Datei:TYPO3 Videos einbinden 02.png|links|mini|ohne|x400px]]</div>
 
<div class="tleft" style="clear:none">[[Datei:TYPO3 Videos einbinden 03.png|links|mini|ohne|x400px]]</div>
 
  
 
<br clear=all>
 
<br clear=all>
 +
 +
Lassen Sie sich die Seite im Web anzeigen:
 +
 +
[[Datei:Screenshot TYPO3 Videos einbinden 07.png|links|mini|ohne|520px]]
 +
 +
<br clear=all>
 +
 +
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:Screenshot TYPO3 Videos einbinden 08.png|links|mini|ohne|520px]]
 +
 +
<br clear=all>
 +
 +
Fügen Sie bei „Alternativer Text“ einen kurzen erläuternden Text hinzu und speichern Sie die Änderung.
 +
 +
<br clear=all>
 +
 +
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.
 +
 +
<br clear=all>
 +
 +
==Siehe auch==
 +
* [[TYPO3]]
 +
* [[TYPO3 - Text und Medien]]

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

Allgemeine Informationen
Anleitung
Informationen
BetriebssystemAlle
ServiceTYPO3
Interessant fürGäste, Angestellte und Studierende
HilfeWiki des ZIM der Uni Paderborn

no displaytitle found: TYPO3 - Videos einbinden

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:

Screenshot TYPO3 Videos einbinden 01.png


Screenshot TYPO3 Videos einbinden 02.png


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

Screenshot TYPO3 Videos einbinden 03.png


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.
Screenshot TYPO3 Videos einbinden 05.png


Screenshot TYPO3 Videos einbinden 04.png


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.

Screenshot TYPO3 Videos einbinden 06.png


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:

Screenshot TYPO3 Videos einbinden 07.png


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.


Screenshot TYPO3 Videos einbinden 08.png


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-Do Fr
Vor-Ort-Support 08:30 - 16:00 08:30 - 14:00
Telefonsupport 08:30 - 16:00 08:30 - 14:00


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

Mo-Do Fr
08:00 - 16:00 08:00 - 14:30
Cookies helfen uns bei der Bereitstellung des ZIM HilfeWikis. Bei der Nutzung vom ZIM HilfeWiki werden die in der Datenschutzerklärung beschriebenen Cookies gespeichert.