[TYPO3-german] wie Videos sinnvoll einbinden

[Christian Bülter]

Hallo Marco,

Du kannst das "Media"-Element verwenden.

Aktiviere unter "Medienoptionen" "HTML5" und hinterlege unter "HTML5
Zusätze" das Video einmal als OGG und einmal als MP4.

Unter "Video-Element" hinterlegst Du dann zusätzlich das Video als MP4.
Dies ist das Fallback-Video für ältere Browser.

Auf modernen Browsern wird das Video dann mittels des <video>-Tags
ausgegeben, auf älteren wird der Flowplayer verwendet.

Es gibt in 6.1 noch einen Bug im Media-Element, der sich aber mit etwas
Typoscript umgehen lässt, siehe http://forge.typo3.org/issues/38460

Die responsive Anpassung kannst Du mittels CSS lösen:

video.video-js {
width: auto !important;
}

Zur Kompatibilität der verschiedenen Video-Formate mit Browsern findest
Du hier Infos:

http://www.w3schools.com/tags/tag_video.asp

Mit MP4 und OGG hast Du aber alles abgedeckt.

Außerdem kann es sein, dass Du Deinem Server noch mitteilen musst,
welches Mime-Typen zu verwenden sind, dazu schreibst Du das in Deine
.htaccess-Datei:

# HTML5-Video-Support
AddType video/ogg .ogv
AddType video/ogg .ogg
AddType video/mp4 .mp4
AddType video/webm .webm
AddType application/x-shockwave-flash swf

Gruß,

Christian

Am 17.06.2013 09:41, schrieb Marco Brüggemann:
> Hallo Kay,
> 
> Danke für deine Antwort.
> ich habe bereits versucht ein Video mit dem Inhaltselement Typ "Medien"
> und unter dem Reiter "Medien" dann "Medienoption- Medientyp-Video" und
> "HTML5-Darstellung" usw. ausprobiert, aber das was da raus kommt hat
> nichts mit dem zu tun, was ich auf "http://flowplayer.org" sehe.
> 
> Wenn es genau so aussehen würde, wäre ich sehr froh, zumal auf
> "http://flowplayer.org" auch die Videogröße der Fenstergröße angepasst
> wird.
> 
> Was mache ich falsch?
> 
> Am 14.06.2013 09:33, schrieb Kay Strobach:
>> Hi,
>>
>> in TYPO3 ab Version 6 sollte das mit dem flowplayer im TYPO3 gehen.
>>
>> -> Mediaelement :D
>>
>> Grüße
>> Kay
>>
>> Am 14.06.13 09:20, schrieb Marco Brüggemann:
>>> Hallo Leute.
>>>
>>> Ich möchte gerne Videos einbinden: also so, wie es heute Standard ist.
>>> Könnt ihr mir bitte dabei helfen, die beste Lösung zu finden?
>>>
>>> Wichtig ist mir zuerst, dass die Videoeinbindung in jedem modernen
>>> Browser gleich aussieht. Schön, wenn es noch unter IE6 nutzbar ist, auch
>>> wenn es nicht gut aussieht.
>>>
>>> Ich habe mir jetzt "Video-JS" angesehen als OpenSource Video-Player im
>>> HTML5 Format. Ist dieser sinnvoll oder kennt Ihr eine bessere Lösung?
>>>
>>> Dann gibt es meines Wissens nach viele verschiedene Video-Formate,
>>> welche von einigen Browsern nicht gezeigt werden. Wichtig scheinen hier
>>> MP4, Flash(?) und OGG(?) zu sein. Wie kann ich mein Video kostenlos und
>>> schnell in diese drei Formate umwandeln?
>>>
>>> Ich möchte außerdem responsiv Webdesign nutzen. Daher soll sich das
>>> Video in der Größe variabel sein. Wie kann ich das technisch umsetzen?
>>>
>>> Wie bindet Ihr Videos ein?
>>>
>>> Vielen Dank ... und ich wünsche euch ein schönes Wochenende.
>>>
>>
>