Dokumentation zum
Content-Management-System
TYPO3

Menu

Videos vom Mediaserver einbinden

So geht es Schritt für Schritt:

  1. Sie erzeugen ein Inhaltselemente vom Typ HTML
  2. Sie kopieren den folgenden Code in das Inhaltselement:
<video
    class="video-js vjs-default-skin"
    style="width: 100%; height:auto;"
    controls preload="auto"
    poster="//media.tuhh.de/path/to/your/posterimage.jpg"
    data-setup='{"techOrder": ["html5","flash"]}'
    >
    <source src="//media.tuhh.de/path/to/your/videofile.mp4" type="video/mp4" />
</video>

  1. Sie passen die  gelb hinterlegten Stellen im Code an:

    1. Wenn Sie ein Standbild hochgeladen haben, tragen Sie bei "poster=" den Pfad zu der Bilddatei ein; wenn nicht, löschen Sie diese Zeile
    2. In "source src=" passen Sie den Pfad zur Video-Datei an

  2. Den Rest erledigt der eingebettete JavaScript-Videoplayer video.js.