# カメラのライブストリームをウェブサイトに埋め込む

Verkadaカメラを使用すると、カメラのライブストリーミングをウェブサイトに埋め込むことができます。埋め込みは、任意のウェブページと互換性のあるインラインフレーム（iframe）コードスニペットです。

{% hint style="warning" %}
埋め込みが作成されると、アクセスはいつでも取り消すことができます。
{% endhint %}

***

## 埋め込みリンクを作成する

{% stepper %}
{% step %}
**Verkada Command で、\[すべての製品] > \[カメラ] に移動します。**
{% endstep %}

{% step %}
**ウェブサイトに埋め込みたいカメラフィードに移動します。**
{% endstep %}

{% step %}
**フレームの右側で、\[共有] をクリックします。**

* 動画共有の利用規約を読みます。同意する場合は、 **同意します。**&#x20;
* 左下で、 **\[その他のオプション] > \[埋め込みコード] をクリックします。**
* 動画の再生を許可するドメインを入力します。
* クリック **\[埋め込みリンク] > \[完了]。**

{% hint style="warning" %}
リンクは自動的にクリップボードに追加されます。
{% endhint %}
{% endstep %}
{% endstepper %}

{% hint style="info" %}
ワイルドカードが使用できます（例： *\*.yourdomain.com*）。ドメインが *yourdomain.com*である場合は、前のワイルドカードは不要で、単に *yourdomain.com*を使用できます。ただし、ドメインが *yoursubdomain.yourdomain.com*である場合は、ワイルドカードを使用してサブドメインを指定できます。
{% endhint %}

***

## 既存の埋め込みリンクを管理する

{% stepper %}
{% step %}
**Verkada Command で、\[すべての製品] > \[管理者] に移動します。**
{% endstep %}

{% step %}
**\[ログインとアクセス] > \[共有リンクを管理] を選択します。**
{% endstep %}

{% step %}
**\[埋め込み] タブを選択します。**
{% endstep %}

{% step %}
**リンクの右側で：**

* クリック <i class="fa-code">:code:</i> 埋め込みコードをコード化する。
* クリック <i class="fa-trash-can" style="color:red;">:trash-can:</i> 埋め込みを取り消す。

{% endstep %}
{% endstepper %}

***

## 埋め込み動画ストリーミングのサイズを変更する

埋め込まれたカメラフィードは、幅、高さ、ワイドスクリーン属性を調整することで、ウェブページ上でサイズを変更できます。

{% hint style="warning" %}
埋め込みのサイズを変更する場合は、下図のように幅と高さの比率を同じに保ってください。
{% endhint %}

<div align="left"><img src="/files/cbcbf15e8eeb57d36cdf37bad559daf8da69f605" alt=""> <img src="/files/4fcd54197fe2c28be788063a2f3f043b4207b519" alt=""></div>

***

## 埋め込みをワイドスクリーンで表示する

埋め込みをワイドスクリーン表示にするには、URL に **`?widescreen=1`** パラメータを使用します。以下のように表示されます。

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

左側の埋め込みは標準ですが、右側の埋め込みには **`widescreen=1`** クエリパラメータがあります：

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

***

ユーザーが Verkada の埋め込みライブストリーミングを含むウェブページを読み込むと、ページは iframe 内で埋め込みの URL を読み込みます。

{% hint style="warning" %}
参照元のウェブサイトが、埋め込み作成時に指定されたドメイン名と一致しない場合、インラインフレーム（iframe）は黒い画面として表示されます。
{% endhint %}

***

## 読み込まれない埋め込みを解決する

{% stepper %}
{% step %}
[**参照元のウェブサイトを見つける**](#find-the-referring-website) **ことで、埋め込み作成時に一致するドメイン名を指定できます。**
{% endstep %}

{% step %}
[**正しいドメイン名を使用して埋め込みを再作成する**](#recreate-the-embed-using-the-correct-domain-name)**.**
{% endstep %}

{% step %}
**新しい埋め込みをウェブサイトに配置します。**
{% endstep %}
{% endstepper %}

### 参照元のウェブサイトを見つける

{% stepper %}
{% step %}
**埋め込みを配置したウェブページで、ブラウザ内を右クリックして \[検証] を選択します。埋め込みは読み込まれないため、黒い画面になります。**
{% endstep %}

{% step %}
**上部で、\[ネットワーク] をクリックします。**
{% endstep %}

{% step %}
**検索/フィルターバーに、「embed」と入力します（埋め込み関連のリクエストを絞り込むため）。**
{% endstep %}

{% step %}
**英数字の ID が付いたリクエストをクリックします。以下に示す例と同様の形式になっているはずです。**
{% endstep %}

{% step %}
**\[リクエストヘッダー] セクションで、\[参照元 URL] を見つけます。これは Verkada Command に入力する必要がある URL/ドメインです。（.com などのトップレベルドメインまでで十分です。例では、参照元ドメインは verkadasupport.com です。）**

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

{% hint style="warning" %}
すぐに **embed.html**が表示されない場合は、 **更新** をクリックしてページを再読み込みします。
{% endhint %}

### 正しいドメイン名を使用して埋め込みを再作成する

{% stepper %}
{% step %}
**Verkada Command で、\[すべての製品] > \[カメラ] に移動します。**
{% endstep %}

{% step %}
**カメラを選択して \[共有] をクリックします。**
{% endstep %}

{% step %}
**\[その他のオプション] を選択し、\[埋め込みコード] をクリックして、参照元ドメインを入力します。**
{% endstep %}

{% step %}
**\[埋め込みリンク] をクリックします。**
{% endstep %}
{% endstepper %}

### 新しい埋め込みをウェブサイトに配置する

{% stepper %}
{% step %}
**前の手順で作成した新しい埋め込みリンクをコピーします。**
{% endstep %}

{% step %}
**サイトの管理ポータルに移動します。**
{% endstep %}

{% step %}
**HTML の埋め込み iframe を、サイト上で埋め込みを表示したい場所に貼り付けます。**
{% endstep %}

{% step %}
**保存してサイトを開き、正常に動作することを確認します。**

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


---

# Agent Instructions: 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:

```
GET https://help.verkada.com/verkada-cameras/ja/bideonosutorminguto/embed-a-cameras-live-stream-on-a-website.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
