# Multimedia
> Imágenes, imágenes con zoom y contenido incrustado de YouTube y SoundCloud.
Las imágenes son elementos `` simples, escalados al ancho del contenido. Envuelve una en `` con un `` para añadirle un pie.
## Imágenes internas
Referencia imágenes de tu proyecto; cada archivo que no es una página se copia a la salida en la misma ruta:
**HTML**
```html
```
**Markdown**
```md
```
Un `src`, `srcset` o `poster` relativo se resuelve desde el archivo fuente de la página, así que sigue funcionando en la URL de carpeta de la página, bajo un prefijo de idioma o en otra ``.
Se renderiza como:
Una página de documentación de htmlpress.
## Imágenes externas
Referencia imágenes desde URL externas:
**HTML**
```html
```
**Markdown**
```md
```
Se renderiza como:
## Imágenes en Base64
Incrusta imágenes pequeñas directamente con URI de datos:
**HTML**
```html
```
**Markdown**
```md
```
Se renderiza como:
## Imágenes según el tema
`data-theme="light"` o `data-theme="dark"` en un `` lo muestra solo en ese tema, siguiendo tanto el selector de tema de la cabecera como la configuración del sistema; las terminaciones `#light` y `#dark` de Livemark en el `src` también funcionan. Pon la pareja una junto a otra:
**HTML**
```html
```
**Markdown**
```md
```
Se renderiza como (cambia el tema para alternar):
La copia en Markdown de la página conserva solo la imagen clara.
## Zoom de imágenes
Toda imagen de una página se abre a pantalla completa al hacer clic, salvo si la envuelve un enlace; un clic en cualquier sitio la cierra. Funciona igual con imágenes internas, externas y en base64.
**HTML**
```html
```
**Markdown**
```md
```
Se renderiza como (haz clic):
## Bloques de vídeo
`` reproduce el vídeo de su `url` (una URL `watch`, `youtu.be`, `embed`, `shorts` o `live`); sin el script sigue siendo un enlace:
**HTML**
```html
```
**Markdown**
```md
::video{type="youtube" url="https://www.youtube.com/watch?v=dQw4w9WgXcQ"}
```
Se renderiza como:
## Bloques de audio
`` reproduce la pista de su `url`; sin el script sigue siendo un enlace:
**HTML**
```html
```
**Markdown**
```md
::audio{type="soundcloud" url="https://soundcloud.com/flume/never-be-like-you-feat-kai"}
```
Se renderiza como:
```
**Markdown**
```md
```
Un `src`, `srcset` o `poster` relativo se resuelve desde el archivo fuente de la página, así que sigue funcionando en la URL de carpeta de la página, bajo un prefijo de idioma o en otra ``.
Se renderiza como:
Una página de documentación de htmlpress.
## Imágenes externas
Referencia imágenes desde URL externas:
**HTML**
```html
```
**Markdown**
```md
```
Se renderiza como:
## Imágenes según el tema
`data-theme="light"` o `data-theme="dark"` en un `
```
**Markdown**
```md
```
Se renderiza como (cambia el tema para alternar):
La copia en Markdown de la página conserva solo la imagen clara.
## Zoom de imágenes
Toda imagen de una página se abre a pantalla completa al hacer clic, salvo si la envuelve un enlace; un clic en cualquier sitio la cierra. Funciona igual con imágenes internas, externas y en base64.
**HTML**
```html
```
**Markdown**
```md
```
Se renderiza como (haz clic):
## Bloques de vídeo
`