Videos (Vimeo & Youtube)

This information is available in German and English.

🇦🇹 Deutsche Version | 🇬🇧 English Version

🇦🇹 Deutsch

Videos werden ab TYPO3 9 als ganz normale Dateien behandelt, sie müssen daher zuerst via Dateiliste angelegt werden und können dann in unterschiedlichen Inhaltselementen referenziert werden.

Voraussetzungen

Damit ein Video in der Dateiliste korrekt angelegt und später auf der Website auch dargestellt werden kann, muss dieses Video

  • öffentlich verfügbar sein, d.h. keinen Passwortschutz oder ähnliche Optionen (Privater Link bei Vimeo) aktiviert haben sowie

  • bei Settings - Privacy - Who can watch muss "Hide from Vimeo" eingestellt sein

  • das Einbetten auf Websites erlauben. Auch das kann der Ersteller des Videos auf Youtube oder Vimeo aktivieren bzw. deaktivieren.

Anlegen via Dateiliste

Bei Videos, die ohne Einschränkung auf Vimeo oder Youtube verfügbar sind, kopieren Sie zuerst die Adresse (URL) des gewünschten Videos von https://vimeo.com oder https://youtube.com in die Zwischenablage. Für die Verwendung von geschützten Videos erhalten Sie einen Link zum Einbetten des Videos in eine Webseite vom WUtv Team.

Videos selbst in Vimeo hochladen

Weiters besteht die Möglichkeit, dass Sie selbst Videos in den WU Channel auf Vimeo hochladen. Dazu muss Ihr Account aber erst freigeschalten werden (bitte ein Ticket in https://support.wu.ac.at erstellen). Im folgenden Video wird gezeigt, wie Sie den Upload und danach das Einbetten in TYPO3 durchführen können.

Dateiliste

Darüber hinaus finden Sie auf der WUtv-Seite auch alle von den Kolleg/inn/en publizierten Videos. In der Detailansicht jedes Videos finden Sie auch den notwendigen Link, um das Video wie nachfolgend beschrieben auch auf Ihren Seiten anzuzeigen.

Wechseln Sie zum Anlegen einer neuen Mediendatei auf Datei → Dateiliste, wählen Sie den gewünschten Ordner aus und erstellen Sie über das +-Zeichen eine neue Datei.

Unter Neue Mediendatei hinzufügen kopieren Sie die Adresse aus der Zwischenablage in das Feld URL der Quelldatei und klicken noch auf Medien hinzufügen. Der Name der Datei wird automatisch - falls vorhanden - aus dem Titel des Videos auf Youtube/Vimeo abgeleitet.

Dieses Video können Sie nun mit Hilfe des Text&Medien-Elements auf beliebigen Seiten, z.B. auch bei Newsbeiträgen, einfügen.

Einbetten mit dem Text&Medien-Element

Wechseln Sie auf die gewünschte Seite und legen Sie dort im Inhaltsbereich ein neues Element vom Typ Text+Medien an:

Im Reiter Medien können Sie das zuvor angelegte Element nun referenzieren:

Nach dem Speichern wird das Video schon in der öffentlichen Ansicht angezeigt.

Vimeo Live-Events

Eine Besonderheit stellt die Einbettung von Live-Events von Vimeo dar.

Diese Einbettung erfolgt nicht wie oben beschrieben als Mediendatei sondern via iFrame. Auf der dazugehörigen Seite zum Thema iFrame finden Sie ein Beispiel inkl. notwendiger Vimeo-URL.

Videoanleitung


🇬🇧 English

Videos (Vimeo & Youtube)


From TYPO3 9 upwards, videos are treated as completely normal files, so they must first be created via a file list and can then be referenced in various content elements.

Requirements

In order for a video to be correctly created in the file list and later displayed on the website, this video must be 

  • publicly available, i.e. not have password protection or similar options (Private Link on Vimeo) enabled, and

  • Settings - Privacy - Who can watch has to be set to "Hide from Vimeo"

  • allow embedding on websites. The creator of the video can also enable or disable this on Youtube or Vimeo.

Create via file list

For videos that are available without restriction on Vimeo or YouTube, first copy the address (URL) of the desired video from https://vimeo.com or https://youtube.com to the clipboard. If you want to use protected videos, you will receive a link to embed the video in a web page from the WUtv team.

Upload videos to Vimeo yourself

Furthermore, you have the possibility to upload videos to the WU channel on Vimeo yourself. To do so, however, your account must first be activated (please create a ticket in https://support.wu.ac.at). The following video shows how to upload and embed the file in TYPO3.

File list

In addition, the WUtv page also contains all videos published by colleagues. In the detailed view of each video you will also find the necessary link to display the video on your pages as described below.

To create a new media file, go to File → file list (Datei → Dateiliste), select the desired folder and use the + sign to create a new file.

Under Add New Media File (Neue Mediendatei hinzufügen), copy the address from the clipboard to the URL field of the source file (URL der Quelldatei) and click Add Media. The name of the file is automatically derived - if available - from the title of the video on Youtube/Vimeo.

You can now use the Text&Media element to insert this video on any page, e.g. also in news articles.

Embedding with the Text&Media element

Switch to the desired page and create a new element of type Text+Media in the content area:

In the Media (Medien) tab you can now reference the previously created element:

After saving, the video is already displayed in the public view.

Vimeo Live-Events

A special feature is the embedding of live events from Vimeo.

This embedding is not done as a media file as described above, but via iFrame. On the iFrame page you will find an example including the necessary Vimeo URL.

Video Tutorial