> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://documentation.celestory.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# ▶️ Intégrer Youtube

${youtube}[▶️Insérer Youtube](_mfBEYNjoNA)

Lien de l'exemple: [https://api.celestory.io/play/Uy7Jm44_fX](https://api.celestory.io/play/Uy7Jm44_fX)

Vous voulez intégrer une vidéo, hébergé sur un service de streming, comme Youtube?

![Interface youtube](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/image_1gp0xy5.png)

Il faut savoir que la pluplart de ces services proposes "d'intégrer" leur propre lecteur de vidéo sur d'autres site et application.

Pour cela, il faut cliquer sur Partager en bas de la vidéo.

![Bouton youtube Partager](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/image_1yzcfuo.png)

Puis cliquez sur Intégrer

![Youtube menu de partage](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/image_4aqjtn.png)

Il faudra alors copier uniquement l'adresse intégrable de la vidéo dans le code iframe.

![youtube code iframe](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/image_d1q11m.png)

Ensuite sur Celestory, il faut créer un bloc Webview, l'ouvrir et y coller ce lien.

![celestory bloc webview youtube](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/image_1a78467.png)

![youtube celestory player](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/image_1vd2itm.png)

Vous pouvez également le coller dans un menu si vous le souhaitez, comme un menu overlay ou un menu page classique pour offrir plus d'espace de visionnage.

Il suffit d'utiliser l'élément de menu webview:

![celestory webview element youtube](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/image_li67lz.png)