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: 675px; height: 380px;"
    controls preload="auto"
    poster="//media.tu-harburg.de/path/to/your/posterimage.jpg"
    data-setup='{"techOrder": ["html5","flash"]}'
    >
    <source src="//media.tu-harburg.de/path/to/your/videofile.mp4" type="video/mp4" />
</video>
  1. Sie passen die  gelb hinterlegten Stellen im Code an:
    1. Wenn Ihr Video im Format 4:3 vorliegt, ändern Sie den Wert von "height:" auf 506px
    2. Wenn Sie ein Standbild hochgeladen haben, tragen Sie bei "poster=" den Pfad zu der Bilddatei ein; wenn nicht, löschen Sie diese Zeile
    3. In "source src=" passen Sie den Pfad zur Video-Datei an
  2. Den Rest erledigt der eingebettete JavaScript-Videoplayer vidoe.js.