メインコンテンツにスキップ

CMS記事アイテムに動画を載せる

記事アイテムの本文には、アセットパネルからアップロードした動画や、YouTubeやVimeoなどの外部サービスにアップロードした動画を埋め込むことができます。それぞれの動画埋め込み方法を説明します。

今日アップデートされました

Point: Studio CMSとは

Studio CMSは、Studio上でコンテンツを構造化して管理・更新できるCMS(Content Management System)機能です。 モデルやアイテム、プロパティを組み合わせて、ブログやニュースなどの更新性が高い記事コンテンツを一元管理します。

Studio CMSの仕組みや基本的な使い方は、以下の記事も参照してください。

CMSの記事内に動画を埋め込むためには、YouTubeやVimeo等の、iframeコードが取得できるサービスに動画をアップロードする必要があります。

現在、動画の直接アップロードには対応していません。YouTubeやVimeoにアップロードした動画の埋め込みコードを使って埋め込む必要があります。


アップロードした動画を記事に埋め込む

アセットパネルからアップロードした動画をCMS記事内に埋め込みます。

Point:動画ファイルのアップロード方法や容量制限については、以下の記事を参照してください。

  1. 本文のリッチテキストエリアで動画を挿入したい位置にカーソルを置き、[+]アイコンをクリックします。

  2. 表示されたメニューから[動画]を選択します。

  3. 本文内に動画の枠が追加され、アセットパネルにプロジェクトへアップロード済みの動画アセット一覧が表示されます。まだ動画アセットがない場合は、アセットパネルに動画をアップロードし、動画を追加します。

  4. 記事に埋め込みたい動画アセットをクリックすると、動画枠内に選択した動画が反映されます。

  5. ライブプレビューで動作を確認します。問題がなければ記事アイテムのステータスを[公開]に変更し、公開サイトへ反映させます。


外部サービスの動画を記事に埋め込む

YouTubeやVimeoなどの外部サービスにアップロードした動画を埋め込みます。

1. 動画の埋め込みURLを取得する

YouTube動画の場合は、[埋め込む]をクリックします。

埋め込みコードをコピーします。

Vimeoでのコード取得方法は、埋め込みコードへのアクセスと編集 – ヘルプセンター をご覧ください。

2. 記事本文に埋め込む

CMSダッシュボードにアクセスし、記事編集画面にて動画を埋め込みたい箇所で[+]をクリックします。

[埋め込みコード]を選択し取得したURLを貼り付けます。

3. ライブプレビューで確認

ライブプレビューで動作を確認します。問題がなければ記事アイテムのステータスを[公開]に変更して公開サイトへ反映させます。


こちらの回答で解決しましたか?