Inhaltselement Video/Audio anpassen?

**reto** · 04.01.2013, 16:13

Hallo Community

Wie kann ich Anpassungen am Audioplayer vornehmen? Die Standardgrösse (400 x 30 px) lässt sich leider mit dem Optionsfeld 'Player-Größe' nicht überschreiben (?). Unter http://mediaelementjs.com/#plugins gibts zwar eine schöne 'Player Options'-Liste. Aber wo und wie kann ich diese ins Contao integrieren?

Besten Dank für Hinweise, Reto

**enne** · 07.01.2013, 10:03

Zitat von reto

Hallo Community

Wie kann ich Anpassungen am Audioplayer vornehmen? Die Standardgrösse (400 x 30 px) lässt sich leider mit dem Optionsfeld 'Player-Größe' nicht überschreiben (?). Unter http://mediaelementjs.com/#plugins gibts zwar eine schöne 'Player Options'-Liste. Aber wo und wie kann ich diese ins Contao integrieren?

Besten Dank für Hinweise, Reto

Hallo,

du kannst die Einstellungen einfach über die Datei "j_mediaelement.html5" od. "j_mediaelement.xhtml" bearbeiten.

- Neues Template erstellen
- Bearbeiten
- Die unten angeführten Playeroptionen (oder nur die benötigeten Zeilen) unter "// Put custom options here" einfügen.
- Nun die Playergröße ändern.

Gruß
Rene

// if the <video width> is not specified, this is the default
defaultVideoWidth: 480,
// if the <video height> is not specified, this is the default
defaultVideoHeight: 270,
// if set, overrides <video width>
videoWidth: -1,
// if set, overrides <video height>
videoHeight: -1,
// width of audio player
audioWidth: 400,
// height of audio player
audioHeight: 30,
// initial volume when the player starts
startVolume: 0.8,
// useful for <audio> player loops
loop: false,
// enables Flash and Silverlight to resize to content size
enableAutosize: true,
// the order of controls you want on the control bar (and other plugins below)
features: ['playpause','progress','current','duration','track s','volume','fullscreen'],
// Hide controls when playing and mouse is not over the video
alwaysShowControls: false,
// force iPad's native controls
iPadUseNativeControls: false,
// force iPhone's native controls
iPhoneUseNativeControls: false,
// force Android's native controls
AndroidUseNativeControls: false,
// forces the hour marker (##:00:00)
alwaysShowHours: false,
// show framecount in timecode (##:00:00:00)
showTimecodeFrameCount: false,
// used when showTimecodeFrameCount is set to true
framesPerSecond: 25,
// turns keyboard support on and off for this instance
enableKeyboard: true,
// when this player starts, it will pause other players
pauseOtherPlayers: true,
// array of keyboard commands
keyActions: []