> For the complete documentation index, see [llms.txt](https://help.verkada.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.verkada.com/verkada-cameras/fr/diffuser-et-partager-des-videos/embed-a-cameras-live-stream-on-a-website.md).

# Intégrer le flux vidéo en direct d’une caméra sur un site web

Les caméras Verkada vous permettent de diffuser en direct la vidéo d’une caméra sur votre site web. L’intégration est un extrait de code de cadre en ligne (iframe) compatible avec n’importe quelle page web.

{% hint style="warning" %}
Une fois une intégration créée, l’accès peut être révoqué à tout moment.
{% endhint %}

***

## Créer un lien d’intégration

{% stepper %}
{% step %}
**Dans Verkada Command, accédez à Tous les produits > Caméras.**
{% endstep %}

{% step %}
**Accédez au flux vidéo de la caméra que vous souhaitez intégrer sur votre site web.**
{% endstep %}

{% step %}
**Sur le côté droit du cadre, cliquez sur Partager.**

* Lisez les conditions générales de partage vidéo. Si vous acceptez, cliquez sur **J’accepte.**
* En bas à gauche, cliquez sur **Plus d’options > Code d’intégration.**
* Saisissez le ou les domaines où vous souhaitez autoriser la lecture de la vidéo.
* Cliquez sur **Lien d’intégration > Terminé.**

{% hint style="warning" %}
Le lien est automatiquement ajouté au presse-papiers.
{% endhint %}
{% endstep %}
{% endstepper %}

{% hint style="info" %}
Les caractères génériques sont acceptés (par exemple, *\*.yourdomain.com*). Si votre domaine est *yourdomain.com*, vous n’avez pas besoin du caractère générique précédent et pouvez simplement utiliser *yourdomain.com*. Cependant, si votre domaine est *yoursubdomain.yourdomain.com*, vous pouvez utiliser le caractère générique pour spécifier le sous-domaine.
{% endhint %}

***

## Gérer les liens d’intégration existants

{% stepper %}
{% step %}
**Dans Verkada Command, accédez à Tous les produits > Admin.**
{% endstep %}

{% step %}
**Sélectionnez Connexion et accès > Gérer les liens partagés.**
{% endstep %}

{% step %}
**Sélectionnez l’onglet Intégré.**
{% endstep %}

{% step %}
**Sur le côté droit de votre lien :**

* Cliquez sur <i class="fa-code">:code:</i> pour générer le code d’intégration.
* Cliquez sur <i class="fa-trash-can" style="color:red;">:trash-can:</i> pour révoquer l’intégration.
  {% endstep %}
  {% endstepper %}

***

## Redimensionner les vidéos à diffuser intégrées

Les flux vidéo de caméra intégrés peuvent être redimensionnés sur votre page web en ajustant les attributs de largeur, de hauteur et de grand écran.

{% hint style="warning" %}
Lorsque vous redimensionnez une intégration, veillez à conserver le même rapport largeur/hauteur, comme indiqué ci-dessous.
{% endhint %}

<div align="left"><img src="/files/6b176a5b7626de7517503b11daae9aa04eb35ace" alt=""> <img src="/files/1aa4cd2a6437fddf812cf9620043ba612313941b" alt=""></div>

***

## Afficher l’intégration en grand écran

Pour faire apparaître l’intégration en grand écran, utilisez le **`?widescreen=1`** paramètre dans l’URL, comme illustré :

<div align="left" data-with-frame="true"><img src="/files/ca2c3c419f828383c118fefb61e75970003b3af4" alt=""></div>

L’intégration à gauche est standard, tandis que celle de droite a le **`widescreen=1`** paramètre de requête :

<div align="left" data-with-frame="true"><img src="/files/3d3d609bc78a30d9923c77c613471980c046f0e3" alt=""></div>

***

Lorsqu’un utilisateur charge une page web contenant une vidéo en direct de Verkada à diffuser, la page charge l’URL de l’intégration dans un iframe.

{% hint style="warning" %}
Le cadre en ligne (iframe) apparaît sous forme d’écran noir si le site web référent ne correspond pas au nom de domaine spécifié lors de la création de l’intégration.
{% endhint %}

***

## Résoudre les intégrations qui ne se chargent pas

{% stepper %}
{% step %}
[**Trouvez le site web référent**](#find-the-referring-website) **afin que vous puissiez spécifier un nom de domaine correspondant lors de la création de l’intégration.**
{% endstep %}

{% step %}
[**Recréez l’intégration en utilisant le nom de domaine correct**](#recreate-the-embed-using-the-correct-domain-name)**.**
{% endstep %}

{% step %}
**Placez la nouvelle intégration sur votre site web.**
{% endstep %}
{% endstepper %}

### Trouvez le site web référent

{% stepper %}
{% step %}
**Sur la page web où vous avez placé l’intégration, faites un clic droit dans votre navigateur et sélectionnez Inspecter. Ce sera un écran noir car l’intégration ne se chargera pas.**
{% endstep %}

{% step %}
**En haut, cliquez sur Réseau.**
{% endstep %}

{% step %}
**Dans la barre de recherche/de filtre, saisissez "embed" ( pour filtrer les requêtes liées à l’intégration.**
{% endstep %}

{% step %}
**Cliquez sur la requête avec l’identifiant alphanumérique, qui devrait avoir un format similaire à l’exemple ci-dessous.**
{% endstep %}

{% step %}
**Dans la section Request Headers, trouvez l’URL du référent. C’est l’URL/le domaine que vous devez saisir dans Verkada Command. (Vous n’avez besoin que du domaine de premier niveau, tel que .com. Dans l’exemple, le domaine référent est verkadasupport.com.)**

<div align="left" data-with-frame="true"><figure><img src="/files/1b22acb8a503dbee529b4460205f223466fe7349" alt=""><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

{% hint style="warning" %}
Si vous ne voyez pas immédiatement le **embed.html**, cliquez sur **Actualiser** pour recharger la page.
{% endhint %}

### Recréez l’intégration en utilisant le nom de domaine correct

{% stepper %}
{% step %}
**Dans Verkada Command, accédez à Tous les produits > Caméras.**
{% endstep %}

{% step %}
**Sélectionnez la caméra et cliquez sur Partager.**
{% endstep %}

{% step %}
**Sélectionnez Plus d’options > cliquez sur Code d’intégration et saisissez votre domaine référent.**
{% endstep %}

{% step %}
**Cliquez sur Lien d’intégration.**
{% endstep %}
{% endstepper %}

### Placez la nouvelle intégration sur votre site web

{% stepper %}
{% step %}
**Copiez le nouveau lien d’intégration que vous venez de créer dans la procédure précédente.**
{% endstep %}

{% step %}
**Accédez au portail Admin de votre site.**
{% endstep %}

{% step %}
**Collez l’iframe d’intégration HTML à l’endroit où vous souhaitez que l’intégration se trouve sur votre site.**
{% endstep %}

{% step %}
**Enregistrez et ouvrez le site et assurez-vous que cela fonctionne.**

<div align="left" data-with-frame="true"><img src="/files/fe76af36aea57a14572568f561a65d2569aaa3cc" alt=""></div>
{% endstep %}
{% endstepper %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.verkada.com/verkada-cameras/fr/diffuser-et-partager-des-videos/embed-a-cameras-live-stream-on-a-website.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.