---
title: "News system - Media - Audio - Fluid ändern"
url: "https://www.typo3.net/d/125799-news-system-media-audio-fluid-aendern"
source: "typo3.net"
tags: ["Extensions","Fluid","Frage","TYPO3 7","tx_news"]
created: "2017-03-10"
last_reply: "2017-06-30"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# News system - Media - Audio - Fluid ändern

Extensions · 3 Antworten · gestartet 2017-03-10

## Eröffnungsbeitrag

**alexinge** · 2017-03-10 · [Beitrag #1](https://www.typo3.net/d/125799-news-system-media-audio-fluid-aendern/1)

Hallo, ich verwende News System 5.3.2.
Wenn ich eine Audio-Datei (mp3) als Mediendatei einfüge, wird sie als img ausgegeben:
<img src="/fileadmin/mp3/audio.mp3" alt="" title="MP3-news" height="0" width="0">

Ich habe das fluid schon etwas angepasst:
/partials/detail/FalMediaContainer.html:

<f:if condition="{mediaElement.originalResource.type} == 5">
<f:render partial="Detail/**FalMediaAudio**" arguments="{mediaElement: mediaElement, settings:settings}"/>
</f:if>

Dazu habe ich die Datei im Partials-Verzeichnis **FalMediaAudio.html** mit zwei Testausgaben erstellt:

<audio  controls preload="metadata">
		<f:media file="{mediaElement}" />
	</audio>
	<audio  controls preload="metadata">
		<source src="{mediaElement}" type="audio/mpeg">
	</audio>

**Ausgabe:**

<audio  controls preload="metadata">
<img src="/fileadmin/mp3/audio.mp3" width="0" height="0" alt="" title="MP3-news" />
</audio>
<audio  controls preload="metadata">
<source src="GeorgRinger\News\Domain\Model\FileReference:14" type="audio/mpeg">
</audio>

Wie bekomme ich den Pfad der Mediendatei in den Audiopfad?
Viele Grüße
alexinge

## Antworten

### [#2](https://www.typo3.net/d/125799-news-system-media-audio-fluid-aendern/2) · ejoo · 2017-03-16

Wählst Du beim Einfügen der Datei explizit Audio aus?
Beim überfliegen der Doku vom News System fällt mir auf, dass (angeblich) die normalen Inhaltselemente unterstützt werden (Built in support for content elements).
Was passiert, wenn Du in einem Testbereich die Datei ausserhalb des News-Kontextes einfügst?

### [#3](https://www.typo3.net/d/125799-news-system-media-audio-fluid-aendern/3) · alexinge · 2017-06-28

Hallo,

habe jetzt länger nicht daran gearbeitet. Ich habe es jetzt so gelöst:

```html
<f:if condition="{mediaElement.originalResource.type} == 3">
```

```html
   <f:render partial="Detail/FalMediaAudio" arguments="{mediaElement: mediaElement}"/>
```

```html
</f:if>
```

Partials/Detail/FalMediaAudio.html

```html
<div class="mediaelement" xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers">
```

```html
   <f:media file="{mediaElement}" />
```

```html
</div>
```

Ich würde nur gerne auch noch eine Klasse hinzufügen, damit die Player in allen Browsern gleich aussehen:

```html
	<audio class="mejs__player" controls>
```

```html
		<f:media file="{mediaElement}" />
```

```html
	</audio>
```

Ich muss audio aber im Template weglassen, weil es sonst doppelt gebildet wird.
Dazu muss ich nur noch wissen, wo das zweite audio tag herkommt. ViewHelper?
Viele Grüße!
alexinge

### [#4](https://www.typo3.net/d/125799-news-system-media-audio-fluid-aendern/4) · alexinge · 2017-06-30

manchmal ist es so einfach

Partials/Detail/FalMediaAudio.html

```html
<div class="mediaelement" xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers">
```

```html
<f:media file="{mediaElement}" class="mejs__player" />
```

```html
</div>
```

---

Quelle: „News system - Media - Audio - Fluid ändern“, typo3.net, https://www.typo3.net/d/125799-news-system-media-audio-fluid-aendern
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.