コンテンツの編集

外部コンテンツ(例:YouTube)を埋め込み、サイズを変更するには?

外部コンテンツ(例:YouTube)を埋め込み、サイズを変更するには?

1
YouTube や Vimeo などの外部動画を埋め込みたい場合は、まず Box ブロックをドラッグして、希望する位置に配置します。次に、その中に Embed ブロックをドラッグ&ドロップします。こうすることで、埋め込んだ動画の位置を簡単に調整できます。
Screenshot for step 1
2
例として YouTube 動画を埋め込む場合、埋め込みたい動画画面で Share(共有) をクリックして、動画のコードを取得します。
Screenshot for step 2
3
Embed(埋め込み) をクリックし、埋め込みコードが表示される画面を開きます。
Screenshot for step 3
4
コード画面が開いたら、コード全体を選択して Copy(コピー) をクリックします。
Screenshot for step 4
5
Ourdemy の管理画面に戻り、Embed code フィールドにコピーしたコードを貼り付けます。
Screenshot for step 5
6
システムでは、デスクトップ/タブレット/モバイルの 3 種類の表示モードでカスタマイズが可能です。上部ツールバーの対応アイコンをクリックして表示モードを切り替え、それぞれの画面サイズに合わせて Embed code 内でサイズを調整します。
Screenshot for step 6
7
動画の幅や高さを変更したい場合は、該当箇所をクリックして設定を調整します。
Screenshot for step 7
8
Box をクリックして、画面上での動画の位置調整を開始します。
Screenshot for step 8
9
Flex Display をオンにして、レイアウト調整を有効にします。
Screenshot for step 9
10
Justify content の設定を使って、動画の配置(左寄せ・中央・右寄せなど)を調整します。
Screenshot for step 10
11
下書き をクリックし、続けて 下書きを保存 をクリックすると、公開せずに変更を保存できます。
Screenshot for step 11
12
公開 をクリックすると、変更内容がサイト上に公開されます。
Screenshot for step 12