Medien

Inhaltselement Medien

Mit TYPO3 6.2 ist es sehr komfortable möglich, Videos (oder nur Audio) mit HTML5 einzusetzen. Die Videos werden auf Desktop und mobilen Endgeräten ohne weitere Plugins (wie z.B. Flash) dargestellt.

Die Videos können über die bekannten Vierdeoportale wie Vimeo oder Youtube eingebunden werden, oder als Quellmaterial auf der Seite eingebetten werden. Im Idealfall stellen Sie drei verschiedene Video Codecs bereit:

  • mp4
  • vp8 (ogg/ogv)
  • webm (optional)

Wenn Sie die Videos selber zu konvertieren, behalten Sie die Kontrolle über die Qualität und über die bedienten Kanäle.

Auf den Videoportalen werden die notwendigen Videoformate automatisch bereitgestellt und ggfs. auch in Zukunft automatisch an die sich ändernden technischen Entwicklungen angepasst.



Legen Sie ein Inhaltselement Typ Medien an
Geben Sie im Reiter Optionen den Typ (Video/Audio) an und kreutzen Sie HTML5 für barrierefreie Darstellung an
Videos aus einem Portal können über die URL eingebettet werden
Geben Sie die Pfade je Codec einzeln an

Inhaltselement Media

Das Inhaltselement Medien ist seit TYPO3 4.3 verbessert worden. Sie können jetzt Flash, Quicktime und Windows Media Video ohne HTML Code einsetzen. Wählen Sie dazu das Inhaltselement Typ Medien aus. Videos, die Ihnen als Quelldatei vorliegen sollten Sie vorher in die Dateiliste hochgeladen haben.

Im vorliegenden Beispiel ist eine CSS-Klasse bereitgestellt, um das Inhaltselement zu zentrieren.

Inhaltselement Typ Medien

Reiter Medien

Im Reiter Medien können Sie unterschiedlichen Angaben machen:

  • Angaben des Videos, lokal oder extern
  • Bei Videos, die extern als URL eingebettet werden, müssen Sie den Reiter "Use Player" deaktivieren!
  • Typ Video oder Audio
  • Breite und Höhe (optional)
  • Render Typ (auto)


Optional können Sie noch weitere Parameter eingeben, i.d.R. reicht die automatische Erkennung.

Inhaltselement Medien Reiter Media

Creative Commons Lizenzvertrag Dieses Online-Handbuch für TYPO3-Redakteure steht unter der Lizenz CC BY-NC-SA 3.0 (Creative Commons Namensnennung-Nicht-kommerziell-Weitergabe unter gleichen Bedingungen 3.0 Deutschland Lizenz).