---
description: More than just images.
---

# Media

## Images

You can embed images into pages using the usual Markdown syntax.

```md
![alt text](image.png)
```

```md
![alt text](image.png "optional title")
```

```html
<img src="image.png" alt="alt text" title="optional title" class="image">
```

Images are automatically scaled to fit the available space.

## Videos

You can embed videos into pages using the very same syntax.

```md
![alt text](video.mp4)
```

```md
![alt text](mp4.mov "optional title")
```

```html
<video src="video.webm" alt="alt text" title="optional title" class="video" controls></video>
```

You can, of cause, also use external videos.

```html
<video src="https://www.w3schools.com/html/mov_bbb.mp4" controls></video>
```

<!--
Sitemap

URL: https://doctopus.frankmayer.dev/index.md
Title: doctopus
Description: The simplest way to write beautiful documentation

URL: https://doctopus.frankmayer.dev/config.md
Title: Config
Description: Doctopus build configuration.

URL: https://doctopus.frankmayer.dev/diagrams.md
Title: Diagrams
Description: Different diagram tools.

URL: https://doctopus.frankmayer.dev/favicon.md
Title: Favicon
Description: How to set a custom favicon for your docs.

URL: https://doctopus.frankmayer.dev/homepage.md
Title: Homepage
Description: The special homepage (`/index.html`).

URL: https://doctopus.frankmayer.dev/hooks.md
Title: Hooks
Description: Integrate external tools using pre- and post-build hooks for things like generating files.

URL: https://doctopus.frankmayer.dev/math.md
Title: Math
Description: LaTeX math support.

URL: https://doctopus.frankmayer.dev/media.md
Title: Media
Description: More than just images.

URL: https://doctopus.frankmayer.dev/search.md
Title: Search
Description: Search pages by content.

URL: https://doctopus.frankmayer.dev/syntax_highlighting.md
Title: Syntax Highlighting
Description: Code blocks with syntax highlighting.
-->