エンベッド動画

• エンベッド動画とは

  エンベッド動画機能は、アプリ上に動画埋め込み、自動再生することができる機能です。

  フリーレイアウト機能、もしくはニュース機能内で画像を差し替える感覚で簡単に動画を使ったデザインを作成することができます。

   

  

   

  ヒント

  • エンベッド動画では以下の２種類の動画を利用することができます。
    • メディア管理に登録した動画
    • Vimeoに登録した動画
  • Vimeoに登録した動画を使用する場合、Standardプラン（有償）の登録が必要です。
    参考：『エンベッド動画を設定する前に』
    参考：『Vimeoアカウントを作成する - エンベッド動画』
  • 音声の出力には対応しておりません。

   

  更新履歴

  • 2024年11月8日　最新の情報へ更新
  • 2023年12月6日　Vimeoのプラン刷新に伴い、Vimeo ProをStandardStandardプランへ変更

• エンベッド動画を設定する前に

  エンベッド動画では以下の２種類の動画を利用することができます。

  • メディア管理に登録した動画
  • Vimeoに登録した動画（Standardプランが必要です）

   

  Vimeoアカウントの取得

  エンベッド動画にVimeoに登録した動画を設定されたい場合は、Standardプラン（有償）の登録が必要になります。

  以下サポートページ、もしくはVimeo公式ホームページを参考いただき、アカウントの作成をお願いいたします。

  参考：『Vimeoアカウントを作成する - エンベッド動画』

  Vimeo公式ホームページ： https://vimeo.com/jp

   

  必要なアプリのバージョン

  本機能において、必要なアプリのバージョンはございません。

  しかしながら、ニュース機能及び、ループ設定でご利用いただくには、アプリが以下のバージョンとなっている必要がございます。

  機能名	iOS用アプリ	Android用アプリ
  ニュース機能	10.81以降	ー
  ループ設定	9.90以降	9.24.0以降

  設定を行う前に、必ず公開済みのアプリが上記バージョン以上であるかをご確認ください。

  参考：『アプリのバージョンを確認する方法』

  対応しているバージョン未満の場合、管理画面の「アプリストア情報」より『再申請』をいただくと、弊社にてバージョンアップの対応をさせていただきます。

  参考：『アプリを再申請する』

   

  更新履歴

  • 2025年4月22日 最新の情報に更新しました
  • 2023年12月6日 Vimeoのプラン刷新に伴い、Vimeo ProをStandardプランへ変更しました
  • 2022年11月16日 19時14分 設定できる動画を更新しました

• Vimeoアカウントを作成する - エンベッド動画機能

  1. Vimeoアカウント登録画面（https://vimeo.com/upgrade-plan）より、Standardを選択します。
     
  2. Vimeoアカウントに登録します。
     ※無料プランに既にログインされている場合はスキップして「3.」へお進みください
  3. クレジットカードの情報など必要項目を入力し、購入します。

   

   

  ヒント

  • アカウント作成後は、忘れずにアカウントの初期設定をおこないましょう。
    参考：『Vimeoアカウントの初期設定を行う - エンベッド動画』

   

  ご注意

  • Vimeoの利用規約により、法人や個人が Vimeo で商用コンテンツを配信する場合は、Standard以上のアカウントが必要です。無料プランではご利用いただけませんので、ご注意下さい。
  • 2023年12月時点の金額となります。最新の料金表は、Vimeo公式サイトをご確認ください。
  • すでにVimeo Proをご利用のお客様は、現行のプランをそのままご利用いただけます。
  • プランの変更をご検討頂いている場合やアプリ以外でもVimeoをご利用される場合は、Standard planの内容をご確認いただき、利用用途をご確認の上で対応プランの選択をいただくようお願いいたします。
    参考：『Vimeo Pro に含まれている機能は？』

   

  更新履歴

  • 2023年12月6日 Vimeoのプラン刷新に伴いVimeo ProをStandardプランへ変更しました

   

• Vimeoアカウントの初期設定を行う - エンベッド動画機能

  Standardプラン（有償）の登録をし、アカウントを作成した後は、アカウント設定に移動しVimeoでの動画の設定を行います。

  1. アカウント設定へ移動します
  2. 左のメニューから「プリセットを埋め込む」より「＋新規プリセットを追加」を選択します。プリセットの名前は自由に記載可能ですが、ここでは「非表示プレイヤー」（仮称）と名前をつけます。
  3. 赤枠内の「全画面ボタンを表示」「再生バーを表示」「音量調節」の3つにチェックをつけます。End Screensは「Enpty」に設定しておきましょう。

  ヒント

  • 「vimeo.comで非表示にする」、コメントを「誰もできない」、動画の埋め込みを「いっさい許可しない」を選択しておくことで、アプリ以外で動画が表示されたり、コメントされるのを防ぎます。
  • 「他人が自分の動画にできることは？」というカテゴリー内の「ダウンロード」「アルバム・チャンネル・グループなどのコレクションに追加」のチェックを外しておきましょう。
  • 動画をアップロードする方法は以下サポートページをご参考ください
    参考：『Vimeoに動画をアップロードする - エンベッド動画』

   

  更新履歴

  • 2023年12月6日 Vimeoのプラン刷新に伴い、Vimeo ProをStandardプランへ変更しました

   

• Vimeoに動画をアップロードする - エンベッド動画機能

  1. Vimeoにログイン後、右上の「新しい動画」から「アップロード」を選択します。
     
  2. 動画をアップロードします。
     

   

  ヒント

  • Vimeoの初期設定を行った上で動画アップロードをおこないましょう。
    参考：『Vimeoアカウントを作成する - エンベッド動画』
    参考：『Vimeoアカウントの初期設定を行う - エンベッド動画』
  • 動画リンク取得方法は以下サポートページをご覧ください。
    参考：『Vimeoから動画リンクを取得する - エンベッド動画機能』

  ご注意

  • Vimeo側の仕様は予告なく変更される場合があるため、本サポートページとVimeo側の表示が異なっている場合がございます。お気づきの点がございましたら、お手数ですがカスタマーサポートまでご連絡いただけますと幸いです。

   

  更新情報

  • 2023年9月6日　動画のアップロード方法と動画リンク取得方法とでページを分割

   

• Vimeoから動画リンクを取得する - エンベッド動画機能

  1. Vimeoにてリンクを取得したい動画を選択します。
  2. 画面右上の「⋯」をクリックし、動画ファイルリンクを選択します。
     
     
  3. 表示されるポップアップ内の「HLS(m3u8)」（※旧：HTTPストリーミング）のリンクをコピーをします。
     ※このURLがインフィードエンベッド動画のURLになります。

   

  ご注意

  • Vimeo側の仕様は予告なく変更される場合があるため、本サポートページとVimeo側の表示が異なっている場合がございます。お気づきの点がございましたら、お手数ですがカスタマーサポートまでご連絡いただけますと幸いです。

   

  更新情報

  • 2023年9月6日　動画のアップロード方法と動画リンク取得方法とでページを分割
  • 2023年8月17日　Vimeoの仕様変更に伴い設定方法を更新
  • 2022年1月17日 「HTTPストリーミング(m3u8)」が「HLS(m3u8)」に変更

   

• 動画を埋め込む - エンベッド動画機能

  1. フリーレイアウト機能、もしくはニュース機能で動画をアップしたい枠を作成し、動画のサムネイル画像をアップロードします。
     
  2. 埋め込みたい動画を設定します。「動画を選択」からメディア管理の動画を設定、もしくは動画URLを入力します。
     参考：『画像・動画を登録する - メディア管理』
     参考：『Vimeoに動画をアップロードする - エンベッド動画』
  3. 動画をループ再生する場合は「有効」を選択します。
  4. 「保存」をクリックします。
  5. Preview Yappliで動画が動いていることを確認し、問題がなければ再構築を行なってください。
     ※確認できない場合は、Preview Yappliが最新バージョンになっているかご確認ください。

   

  ご注意

  • 音声は流れませんのでご注意ください。
  • 同一ページ内に4つ以上動画を配置すると、端末によって表示が不安定になる場合があります。
    複数のインフィードエンベッド動画を配置する場合、同一ページに3つ以内を推奨しております。
  • iOSで同じURLの動画を複数設置した場合、ループ設定が反映されない場合がございます。
  • Vimeo側の仕様は予告なく変更される場合があるため、本サポートページとVimeo側の表示が異なっている場合がございます。お気づきの点がございましたら、お手数ですがカスタマーサポートまでご連絡いただけますと幸いです。
  • Vimeo側の仕組みに関しましては、お手数ですがVimeo社に直接お問い合わせくださいますようお願いいたします。

   

  ヒント

  • サムネイル画像は、動画が起動するまでの間に表示される画像です。サムネイル用として設定した画像のアスペクト比に合わせて動画が再生されます。
  • サムネイル画像と動画のアスペクト比が異なる場合、動画が正しいサイズで表示されない場合がございます。流したい動画とアスペクト比が同じ画像を設定するようお願いいたします。

   

  更新履歴

  • 2025年4月22日 最新の情報に更新