> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# HTML/Iframe 埋め込み

> YiDAの各エディション（Freeプラン・ベーシック版・プロフェッショナル版・専用版）におけるHTML/Iframe埋め込みページの対応状況を解説します。プロトコル互換性、動画データ連携、Alibaba Cloud VODサービス、HTMLコンポーネント内でのJavaScript実行に関するよくある質問と対処方法を紹介します。

| **機能**                | **Freeプラン** | **ベーシック版** | **プロフェッショナル版** | **専用版** |
| --------------------- | ----------- | ---------- | -------------- | ------- |
| HTML / Iframe 埋め込みページ | 非対応         | 非対応        | 対応             | 対応      |

<Note>
  コンポーネントの属性、使用方法、および例については、[**HTMLコンポーネントのドキュメント**](/ja/open/yida/components/advanced/HTML)をご参照ください。
</Note>

## 1. よくある質問

<AccordionGroup>
  <Accordion id="q1" title="1.1 埋め込みページが一部のデバイスではアクセスできるのに、他のデバイスではアクセスできないのはなぜですか？">
    埋め込みページがHTTPプロトコルを使用しているのに対し、YiDAプラットフォーム自体はHTTPSを使用していることが主な原因です。

    ブラウザはセキュリティ上の理由から、この種の埋め込みを制限しています。セキュリティポリシーが緩やかな一部のAndroidデバイスではアクセスできる場合もありますが、最新のデバイスやブラウザの多くではこのようなリクエストがブロックされます。

    **この問題を解決するには、HTTPSプロトコルのURLを埋め込んでください。**
  </Accordion>

  <Accordion id="q2" title="1.2 YiDAプラットフォームでは、外部カメラを接続して映像をYiDAプラットフォーム上に表示するといった動画データ連携に対応していますか？">
    対応しています。Iframeコンポーネントを使用して、カメラのライブ映像リンクを埋め込んでください。

    カスタムページにIframeコンポーネントを追加し、右側の属性パネルでカメラ映像のリンクを設定します。
  </Accordion>

  <Accordion id="q3" title="1.3 Alibaba Cloud VOD（Video on Demand）サービスに対応していますか？シナリオは、顧客に動画ウィンドウを提供して作物の生育状況を遠隔監視するというものです。">
    Iframeコンポーネントはサードパーティのページを埋め込むだけで、YiDAは表示側のエンドポイントとしてのみ機能します。サードパーティのページがオンデマンド配信に対応していれば、オンデマンド配信は動作します。
  </Accordion>

  <Accordion id="q4" title="1.4 カスタムページに設定したHTMLコンポーネントで、JavaScriptが期待どおりに実行されません。HTMLコンポーネントはJSファイルのインポートに対応していないのでしょうか？">
    JavaScriptは実行可能ですが、`didmount()`内でインポートする必要があります。
  </Accordion>
</AccordionGroup>