PHPackages                             sitegeist/media-components - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. sitegeist/media-components

ActiveTypo3-cms-extension[Templating & Views](/categories/templating)

sitegeist/media-components
==========================

Ready-to-use fluid components for embedding different media files

0.2.1(1y ago)12.8k[5 issues](https://github.com/sitegeist/media-components/issues)GPL-2.0-or-laterPHPPHP ^8.2

Since Feb 3Pushed 1y ago4 watchersCompare

[ Source](https://github.com/sitegeist/media-components)[ Packagist](https://packagist.org/packages/sitegeist/media-components)[ Docs](https://github.com/sitegeist/media-components)[ RSS](/packages/sitegeist-media-components/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (4)Dependencies (7)Versions (12)Used By (0)

Media Components
================

[](#media-components)

**This extension is still in development and might not ready for production usage.**

This extension provides ready-to-use [Fluid Components](https://github.com/sitegeist/fluid-components) for various media assets:

- Images
    - [Image tag with support for srcset/sizes](./Resources/Private/Components/Image/Image.html)
    - [Picture tag with support for image types and different responsive breakpoints](./Resources/Private/Components/Picture/Picture.html)
- Audio files
    - [HTML5 audio tag](./Resources/Private/Components/Audio/Audio.html)
- Video files
    - [HTML5 video tag with support for subtitles](./Resources/Private/Components/Video/Video.html)

WebP conversion
---------------

[](#webp-conversion)

As these components are such basic atoms, you could use them to change the format of any image to WebP to reduce file sizes. The extension configuration contains a list of file extensions that will be converted to WebP if not explicitly defined with `format=`. You colud use `autoWebpConversionFormats` with `gif,jpg,jpeg,tif,tiff,bmp,pcx,tga,png,pdf,ai` to get full conversion to WebP (without `svg` as it already has a smaller file size).

Usage
-----

[](#usage)

We use the public namespace from fluid-components.

### Images

[](#images)

```

```

### Pictures

[](#pictures)

```

```

### Video

[](#video)

```

```

### Audio

[](#audio)

```

```

###  Health Score

31

—

LowBetter than 68% of packages

Maintenance21

Infrequent updates — may be unmaintained

Popularity23

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity58

Maturing project, gaining track record

 Bus Factor2

2 contributors hold 50%+ of commits

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~29 days

Total

4

Last Release

496d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/3417112414b1e0e135fb48a511e90178dbf2275af7dc6178250b7123eff0a026?d=identicon)[Ulrich Mathes](/maintainers/Ulrich%20Mathes)

---

Top Contributors

[![Atomschinken](https://avatars.githubusercontent.com/u/3041069?v=4)](https://github.com/Atomschinken "Atomschinken (44 commits)")[![ulrichmathes](https://avatars.githubusercontent.com/u/26324456?v=4)](https://github.com/ulrichmathes "ulrichmathes (32 commits)")[![s2b](https://avatars.githubusercontent.com/u/458524?v=4)](https://github.com/s2b "s2b (25 commits)")

---

Tags

audiocomponentsfluidmediaresponsive-imagestypo3typo3-extensionvideoimagecomponentshtmlaudiovideotemplatemediatypo3Responsive Imagestypo3-extensionfluidtypo3-fluid

###  Code Quality

Code StylePHP\_CodeSniffer

### Embed Badge

![Health badge](/badges/sitegeist-media-components/health.svg)

```
[![Health](https://phpackages.com/badges/sitegeist-media-components/health.svg)](https://phpackages.com/packages/sitegeist-media-components)
```

###  Alternatives

[sitegeist/fluid-styleguide

Living styleguide for Fluid Components

16227.4k1](/packages/sitegeist-fluid-styleguide)[sitegeist/fluid-components

Encapsulated frontend components with Fluid's ViewHelper syntax

55339.1k3](/packages/sitegeist-fluid-components)[t3brightside/microtemplate

TYPO3 CMS template – sectioned one pager with light box like sub pages

171.4k1](/packages/t3brightside-microtemplate)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)