---
title: "Hoe je YouTube Shorts inbedden"
slug: "embed-youtube-shorts"
description: "Using the quick workaround using the iframe (Inline frame) HTML tag, you can embed any YouTube Shorts in your page or article."
tags: ["Customization", "Embedding", "Videos"]
updated: 2026-06-22T09:03:17Z
published: 2026-06-22T09:03:17Z
canonical: "docs.document360.com/embed-youtube-shorts"
---
> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Hoe je YouTube Shorts inbedden
YouTube Shorts kan in je artikelen worden ingebed met een HTML-iframe. Hoewel YouTube momenteel geen directe embed-optie biedt voor Shorts, kun je ze tonen door de video-URL te wijzigen, te vervangen `/shorts/` door `/embed/`, en deze in een iframe in te voegen. Dit geeft je volledige controle over de afmetingen, rand en styling van de ingesloten video.
---
## Wanneer deze techniek te gebruiken
- **Inbedding van korte videocontent**: toon productwalkthroughs, snelle tips of aankondigingen die als YouTube Shorts zijn gemaakt direct in je artikelen.
- **Schrijfwijze stappen aanvullen met video**: voeg een Shorts-video in naast een procedure om lezers een visuele walkthrough te geven zonder de pagina te verlaten.
OPMERKING
YouTube biedt momenteel geen native embed-optie voor Shorts aan. Deze oplossing werkt door te vervangen `shorts` door in `embed` de video-URL. Als YouTube in de toekomst officiële Shorts-embedding toevoegt, zou die methode in plaats daarvan gebruikt moeten worden.
---
## Hoe je een YouTube Short inbed
1. Ga naar [YouTube](https://www.youtube.com/) en open de Shorts-video die je wilt inbedden.
2. Kopieer de video-URL met een van de volgende methoden:
- Kopieer de URL uit de adresbalk van je browser.
- Klik op **Delen** > **Kopiëren**.
3. Plak de gekopieerde URL in het `src` veld van de iframe-code hierboven.
4. In de URL vervangt `/shorts/` u door `/embed/`.
Bijvoorbeeld:
```
Before: https://www.youtube.com/shorts/pVRefGmQDJM
After: https://www.youtube.com/embed/pVRefGmQDJM
```
1. Plak de voltooide iframe-code in je artikel met behulp van de codeweergave of HTML-blok.
---
## Snelle referentie
Vervang `<Shorts_video_code>` het door de ID van je video (de alfanumerieke code aan het einde van de Shorts-URL).
```
```
| Veld | Standaard | Noten |
| --- | --- | --- |
| `width` | `315` | Pas aan waar nodig, behoud de beeldverhouding |
| `height` | `560` | Optimale hoogte voor Shorts portretformaat |
| `src` | Je video-URL | Vervang `/shorts/` met `/embed/` in de URL |
| `frameborder` | `0` | Geplaatst in pixels, `0` verwijdert de rand |
---
## Voorbeeld
**Code:**
```
```
**Output:**
[YouTube video player](https://www.youtube.com/embed/pVRefGmQDJM)
---
## Reikwijdte en dekking
| Item | Detail |
| --- | --- |
| Aanbevolen maat | 315px × 560px (portret, komt overeen met Shorts 9:16 beeldverhouding) |
| Maatwerkmaten | Ondersteund, pas breedte en hoogte aan, maar behoud de verhouding 9:16 |
| Redacteurondersteuning | Elke editor die HTML iframe-tags ondersteunt |
| Native embed-optie | Momenteel niet beschikbaar voor YouTube Shorts |
---
## Best practices
- **Houd altijd de beeldverhouding van 9:16** aan: korte films worden in portretformaat opgenomen. Als je het frame verkleint, houd dan de breedte-hoogteverhouding op 9:16 (bijvoorbeeld 270×480 of 360×640) om te voorkomen dat de video uitgerekt of bijgesneden lijkt.
- **Gebruik `frameborder="0"`**: de rand op nul zetten geeft een strakker uiterlijk. Als je een zichtbare rand wilt, gebruik dan CSS op een wrapper `<div>` in plaats van het `frameborder` attribuut, dat in HTML5 verouderd is.
- **Instellen `allowfullscreen`**: deze eigenschap stelt lezers in staat de video uit te breiden naar volledig scherm, wat de kijkervaring verbetert voor content met kleine tekst of details op het scherm.
- **Test de embed voordat je publiceert**: na het invoegen van het iframe bekijk je het artikel om te bevestigen dat de video correct laadt. Als de video een fout laat zien, controleer dan dubbel of die `/shorts/` volledig is vervangen door `/embed/` in de URL.
- **Houd videotitels beschrijvend**: het `title` attribuut op het iframe wordt door schermlezers gelezen. Vervang `"YouTube video player"` het door een beschrijvende titel `"Product setup walkthrough"` om de toegankelijkheid te verbeteren.