# ゲームをiframeに配置する前にホスティング許可を確認する

> ブラウザーゲームの埋め込み方法、権限やホスティングの要件、公開前にiframeを試す方法を解説します。

- URL: https://oneshotgems.ai/ja/topics/embedding-a-game-on-your-website
- カテゴリ: 自分らしい楽しさを探そう
- 種類: ガイド
- 更新日: 2026年10月5日

ゲームの埋め込みとは通常、ホスト側のプレイヤーを自分のページのiframeに配置することです。ゲームファイルを自分のサイトへコピーすることでも、他者の作品を再公開する許可を得ることでもありません。埋め込みを前提にページを設計する前に、ホストが公式ウィジェットまたはHTML5埋め込みを提供するか、作者のライセンスはどうなっているか確認し、表示予定のドメインで動作を試します。フレームが拒否される、または埋め込み機能がない場合は通常のリンクを使いましょう。

対象範囲: Oneshot Gemsは公開ゲーム埋め込み機能や埋め込みコードを提供していません。このガイドではiframeの一般的な手順と、埋め込みを明示的に許可するホストの探し方を説明します。

## フレーム表示を許可するホストを選ぶ

ゲームホストや作者が提供する専用の埋め込みURLまたはウィジェットの手順を探します。例えばitch.ioは、対応形式でアップロードされた作品のHTML5埋め込み方法を説明しています。ゲームはホスト側から配信され、あなたのページにはそのプレイヤーが表示されます。どのゲームURLもiframeに置ける、またはページをダウンロードすれば再配布権が得られる、と考えないでください。

許可ドメイン、レスポンシブな寸法、全画面動作、クレジット、外部スクリプトやCookieの使用など、必要な設定をホストに確認します。許可が不明なら作者に連絡するか、リンクだけにしましょう。キーボードや支援技術を使う人がゲームを見つけられるよう、タイトルと直接起動リンクを表示します。

## レスポンシブな枠を追加して試す

公式の埋め込みコードを出発点にします。iframeに内容がわかるタイトルを付け、適切なアスペクト比を定め、コンテンツ領域の幅に制限します。例えば16:9のゲーム枠をページ幅に合わせて伸縮するコンテナに入れ、1280ピクセル固定にはしません。ゲームが本当に必要としない限り、カメラやマイクの広範な権限を追加しないでください。

スマートフォンとデスクトップ、キーボード操作、ブラウザーコンソールを開いた状態でページを試します。枠が空白なら、ホストのContent Security Policy frame-ancestorsルールかブラウザー制限が原因かもしれません。自分のページを変えてもホスト側の拒否を上書きできません。ホストの状態を確認し、埋め込みに失敗した場合は通常の起動リンクを示しましょう。

## ゲームの周りのページも使いやすくする

開始前に音声、キーボード、コントローラーが必要か伝えます。可能なら説明と退出手段を枠の外に置きましょう。埋め込み文書の内部操作を自分のページから見られない場合があります。

## よくある質問

**どのブラウザーゲームURLでもiframeに入れられますか？** いいえ。ホストがフレーム表示を拒否することがあり、作者のライセンスが埋め込みを許可しない場合もあります。公式機能を使うか許可を求めましょう。安全な代替はリンクです。

**自分のページから埋め込みゲームを操作できますか？** 通常、iframeの内部へ直接アクセスして操作することはできません。同一オリジン規則がサイト間アクセスを制限します。操作には両者が提供する文書化済みメッセージAPIが必要です。

## 気になることを、もっと

- [HTML5ゲームとは？](https://oneshotgems.ai/ja/topics/html5-games-explained): 「HTML5ゲーム」の一般的な意味、使用される可能性のあるブラウザー技術、プレイ前に確認する点を解説します。
- [ダウンロードゲームとWebゲームの違い](https://oneshotgems.ai/ja/topics/downloadable-games-vs-web-games): インストールまたは起動する前に、セットアップ、容量、更新、オフライン要件、共有方法を比べましょう。
- [ゲームのModとリミックス：何が違う？](https://oneshotgems.ai/ja/topics/game-mods-vs-remixes): Modとリミックスの違い、それぞれに必要な許可やソースファイル、変更前にプロジェクトのルールを確認する方法を解説します。

## 関連情報

- [itch.io HTML5ゲームの埋め込み](https://itch.io/docs/creators/html5)
- [MDN iframe要素](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/iframe)
- [MDN frame-ancestorsディレクティブ](https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Content-Security-Policy/frame-ancestors)
- [MDN同一オリジンポリシー](https://developer.mozilla.org/en-US/docs/Web/Security/Defenses/Same-origin_policy)

---
正規ページ: https://oneshotgems.ai/ja/topics/embedding-a-game-on-your-website