Refcome

募集ページ、招待ページ、記事には、外部の動画共有サービスにアップロードされた動画を埋め込むことができます。 YouTubeの動画を例に埋め込み方法をご案内します。 ※YouTube以外の動画につきましては、それぞれのサイトのサポートページをご参照ください。

Refcomeの募集または記事の編集画面を開きます。

以下のHTMLタグをコピーします。

文章入力欄内の動画を挿入したい個所にカーソルを置きます。

2でコピーしたHTMLタグをペーストします。

★の部分を、挿入したいYouTube動画のID（<code>https://www.youtube.com/watch?v=xxxx</code> または<code>https://youtu.be/xxxx</code> から始まるURLの<code>xxxx</code>）に書き換えます。

1. Refcomeの募集または記事の編集画面を開きます。
2. 以下のHTMLタグをコピーします。
3. 文章入力欄内の動画を挿入したい個所にカーソルを置きます。
4. 2でコピーしたHTMLタグをペーストします。
5. ★の部分を、挿入したいYouTube動画のID（<code>https://www.youtube.com/watch?v=xxxx</code> または<code>https://youtu.be/xxxx</code> から始まるURLの<code>xxxx</code>）に書き換えます。

<code>&lt;div style="position: relative; padding: 0 0 56.25%; height: 0;"&gt;&lt;iframe src="https://www.youtube.com/embed/★" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen style="position: absolute; top: 0; height: 0; width: 100%; height: 100%"&gt;&lt;/iframe&gt;&lt;/div&gt;</code>

埋め込んだ動画が枠内に上手く収まらない場合

動画の縦横比に合わせた設定が必要となります。

HTMLタグの<code>56.25%</code>の部分を、以下の数値に書き換えてください。

ページ内に動画を埋め込む

Intercom のサポートやコミュニティのエキスパートに質問し、答えてもらいましょう。

ヘルプセンターは空です

エラーが発生しました。そのページは存在しません。

がっかり

無表情

笑顔

タイトル

御社に関連するすべてのチケットの進捗状況を追跡

チケットポータル

{assigneeName}さんがこちらに対応中です！

{assigneeName}さんがチケットを完了しました

{assigneeName}さんが近日中に対応する予定です

{assigneeName}さんが詳細情報を必要としています

あなたのチケットは完了しました

動画の縦横比	HTMLタグの数値
16:9（標準的なスクリーンサイズ）	`56.25%`
4:3（ブラウン管テレビと同じサイズ）	`75%`
1:1（正方形/スクエア）	`100%`
9:16（スマートフォンを縦にして撮影）	`177.78%`

I. はじめに

II. YouTube動画の埋め込み方法

HTMLタグ

埋め込んだ動画が枠内に上手く収まらない場合