# 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:** 11

<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:** [15. November 2019 um 23:22 UTC](https://meta.discourse.org/t/media-overlay-component/81418/11 "2019-11-15T23:22:28Z")

</div>

Wir haben dies gerade installiert, damit Nutzer Anhörungen zur Amtsenthebung verfolgen können, ohne ein weiteres Fenster öffnen zu müssen. Es war ein voller Erfolg (ein Kommentar lautete: „Das ist sehr praktisch. Fantastisch. Dies ist bei weitem die beste Forumsoberfläche, die ich je erlebt habe.“), sodass auch Nutzer von Smartphones und Tablets dies wollten. Da auf mobilen Geräten keine mehreren Fenster gleichzeitig geöffnet werden können, ist dies eine großartige Funktion.

Um dies auf Tablets und Smartphones zu aktivieren, entfernen Sie einfach `no-touch` aus den Zeilen 64 und 82 der Common CSS-Datei. Anschließend passen Sie den Player auf kleineren Bildschirmen mit etwas wie folgendem Code an:

```
@media (max-width: 1024px) {
    #media-overlay,
    #media-overlay iframe{
        width: 400px;
        max-height: 225px;
    }
}
@media (max-width: 768px) {
    #media-overlay,
    #media-overlay iframe{
        width: 320px;
        max-height: 180px;
    }
    #media-overlay {
        &.dock-right {
            right: 10px;
        }
        &.dock-left {
            left: 10px;
        }
    }
}
@media (max-width: 480px) {
    #media-overlay,
    #media-overlay iframe {
        width: 240px;
        max-height: 135px;
    }
    #media-overlay {
        &.dock-right {
            right: 0px;
        }
        &.dock-left {
            left: 0px;
        }
    }
}

```

Auf Touch-Geräten entspricht ein langer Druck dem Hover, um das Steuersymbol oder die Mediensteuerung anzuzeigen. Tippen Sie dann irgendwo anders hin, um es wieder auszublenden.

Ich wollte es ursprünglich auf Smartphones deaktivieren lassen, aber es ist auch auf einem Smartphone nützlich, da Sie den Ton anhören können, während der Player minimiert ist.

Ich gehe davon aus, dass dies eine bekannte Einschränkung ist, aber YouTube-Videos geben keinen Ton von sich, wenn sie minimiert sind. Wenn Sie ein YouTube-Video aus einem Beitrag abspielen und dann entscheiden, es in ein schwebendes Fenster zu verschieben, gibt es keine Möglichkeit, das Video im schwebenden Fenster abzuspielen. Sie müssen es zuerst verschieben, bevor Sie es abspielen, und können es dann im schwebenden Fenster abspielen.

---

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