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.