# Componente Media Overlay

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

<div class="post-metadata">

**Author:** ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david)\
**Post date:** [24 Febrero, 2018 17:17 UTC](https://meta.discourse.org/t/media-overlay-component/81418/1 "2018-02-24T17:17:21Z")

</div>

Continuando desde [https://meta.discourse.org/t/media-overlay-plugin/60549](https://meta.discourse.org/t/media-overlay-plugin/60549)…

# [Tema de superposición de medios para Discourse](https://github.com/davidtaylorhq/discourse-media-overlay-theme)

Este componente del tema permite a los usuarios “sacar” los medios en una ventana flotante mientras navegan por el sitio. Incluso pueden navegar a otro tema y los medios seguirán funcionando.

Funciona con cualquier `<iframe>` o `<video>` (con un tratamiento especial para lazyYT). Añade un botón a cada elemento compatible, que luego abre una pequeña ventana emergente en la esquina inferior derecha.

Luego puedes “minimizarlo”, lo que mantiene el audio reproduciéndose en segundo plano, o cerrarlo completamente.

 ![](https://global.discourse-cdn.com/meta/original/3X/8/3/83b42b39445e04ed97987f87bb313fb5495507ac.gif)

Por el momento, el tamaño del video lo decide la incrustación original. Me gustaría añadir una función de “redimensionamiento”, ya sea “hacer clic y arrastrar” o simplemente tres botones: “pequeño”, “mediano” y “grande”.

Actualmente, esto tapa el editor de mensajes… la solución sencilla es simplemente cerrar la ventana emergente si quieres escribir una publicación 😉.

# Instalación

La URL del tema es

```plaintext
https://github.com/davidtaylorhq/discourse-media-overlay-theme

```

Para instalarlo, sigue estas instrucciones:

> [@Instalación de un tema o componente de tema](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682?source_topic_id=76662):
>
> bookmark Esta es una guía para instalar y administrar temas y componentes de temas en Discourse. person_raising_hand Nivel de usuario requerido: Administrador Instalar y personalizar temas puede mejorar significativamente la apariencia de su sitio de Discourse. Puede importar y administrar temas y sus componentes fácilmente a través del panel de administración de Discourse. Esta guía cubre: Importación de nuevos temas y componentes de temas Adición de componentes de temas a un tema Ad…

---

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