# Media Overlay-Komponente

**URL:** <https://meta.discourse.org/t/media-overlay-component/81418>\
**Category:** Theme component\
**Created:** [24. Februar 2018 um 17:17 UTC](https://meta.discourse.org/t/media-overlay-component/81418 "2018-02-24T17:17:21Z")\
**Posts on this page:** 1\
**Showing post:** 14

<div class="post-metadata">

**Author:** ![smrtey](https://avatars.discourse-cdn.com/v4/letter/s/db5fbb/32.png) [@smrtey](https://meta.discourse.org/u/smrtey)\
**Post date:** [16. November 2019 um 18:38 UTC](https://meta.discourse.org/t/media-overlay-component/81418/14 "2019-11-16T18:38:21Z")

</div>

Es scheint, dass es bei YouTube-Videos korrekt funktioniert, wenn Sie diese als iFrame einbetten, anstatt nur den Link zu posten und Discourse LazyYT zu verwenden.

Damit dies funktioniert, müssen Sie YouTube-iFrames auf Ihrer Website aktivieren. Gehen Sie dazu zu Einstellungen → „erlaubte iFrames“ und fügen Sie `https://www.youtube.com/` zur Whitelist hinzu.

Wenn Sie dann einen iFrame-Code einfügen (den Sie für jedes Video auf YouTube unter Teilen → Einbetten finden), wird das über iFrame eingebettete YouTube-Video vollständig mit der Media-Overlay-Komponente funktionsfähig sein. Das heißt, Sie müssen folgenden Code posten:

`<iframe width="560" height="315" src="https://www.youtube.com/embed/Ft1waA3p2_w" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>`

anstatt `https://www.youtube.com/watch?v=Ft1waA3p2_w`.

Der iFrame-Code funktioniert nicht auf [discourse.org](http://discourse.org), da sie `https://www.youtube.com` nicht in ihren Einstellungen für „erlaubte iFrames“ freigegeben haben. Es ist jedoch einfach, dies in Ihrem eigenen Forum nachzurüsten.

So sieht es auf unserem Forum auf meinem Handy aus, wenn der Media-Player erweitert ist:

 ![image](https://global.discourse-cdn.com/meta/original/3X/2/3/23658fc38dc3f3506290c3c7dbbeec614a482489.png)

und eingeklappt:

 ![image](https://global.discourse-cdn.com/meta/original/3X/1/4/1417b45648be1421aa727ba8269e13177c09a5ef.png)

---

_[View the full topic](https://meta.discourse.org/t/media-overlay-component/81418)._