iframe埋め込み
iframeタグを利用し表示できる外部コンテンツを埋め込むことが可能です。
サービス側でiframeタグを提供している場合、そのままタグを入力してご利用いただけます。
例:YouTube, Google Map, Google フォームなど
YouTubeの場合
- 埋め込みたいサービスのiframeタグを取得する。

- 「共有」→「埋め込む」をクリックする。

- 右の動画の埋め込みタグを全てコピーする。

- 「埋め込みコード」内にペーストする。

▍埋め込みコンテンツのサイズについて
本機能では、標準で「縦横比(アスペクト比)を維持したレスポンシブ表示」を基本としています。
デバイスの横幅に合わせて、自動的に最適なサイズで表示されます。
・基本の設定方法(縦横比を維持する場合)
iframeタグ内の width と height には、PC表示を基準とした数値を指定してください。
※横幅の最大値は 960px です。960pxを超える値を指定しても、表示領域は960pxとなります。
• 動作例: 4:3の比率を設定(width: 960 / height: 720)した場合
ユーザー端末の表示幅が480pxの端末の場合、自動的に高さは 360px に調整され、4:3の比率が維持されます。
<iframe src="https://example.com" width="960" height="720"></iframe>
・イレギュラーな表示設定(高さを固定したい場合)
縦横比を固定せず、特定の高さを維持したい場合は、style 属性にてCSSによる強制指定を行ってください。
• 動作例: 高さ1000pxで固定設定した場合
表示幅が480pxの端末では、幅は自動的に480pxに調整されますが、高さは 1000px で固定表示されます。
例:幅100%(可変)、高さ1000px(固定)で表示したい場合
<iframe src="https://example.com" width="960" height="1000" style="width: 100% !important; height: 1000px !important;"></iframe>