カテゴリー
動画の設置方法
【サイト設置】ポップアップ型で動画を表示する方法
LOOVでは、作成した動画を 自社サイトに埋め込む方法 として、以下の2つの形式を用意しています。 この記事では、「ポップアップ型」の埋め込み方法をご紹介します。【サイト設置】カスタマイズ型で動画を表示する方法
LOOVでは、作成した動画を 自社サイトに埋め込む方法 として、以下の2つの形式を用意しています。 - ポップアップ型:ポップアップ形式でサムネイル表示が可能。 - カスタマイズ型:お好きな箇所にお好きなサイズで表示が可能。 🔽 この記事では、「カスタマイズ型」の埋め込み方法をご紹介します。 サムネイルからポップアップ再生する「ポップアップ型」の手順は、以下をご覧ください: 📖 【サイト設置】ポップアップ型で動画を表示する方法 カスタマイズ型の埋め込み手順 1. 動画一覧画面から [サイト埋め込み] を選択する 「動画一覧メニュー」内の該当の動画の「サイト埋め込み」を押下します。 ご注意 独立URLの場合は埋め込みができません。 2. 埋め込み形式を「カスタマイズ型」に設定する 表示された画面で、「カスタマイズ型」 を選び、「埋め込みコードを発行」をクリックします。 3. 埋め込みコード(head)を設置する まずは、上部に表示される headタグ用コード をコピーして、自社サイトの<head>内 に貼り付けます。 4. 埋め込みコード(body)を設置する 続いて、下部に表示される1つのWebページに複数の動画を埋め込むことはできますか?
動画の埋め込みは、下記の仕様となります。 - 「ポップアップ型」の動画:1つのページに1つのみ設置可能 - 「カスタマイズ型」の動画:1つのページに複数設置可能 また、「ポップアップ型」の動画と、複数の「カスタマイズ型」の動画を同時に設置することも可能です。 いずれの場合も、下記手順に従って headタグ内のLOOVの埋め込みコードが1つだけになるようにしてご利用ください。 1つのページに、「ポップアップ型」の動画と、「カスタマイズ型」の動画を同時に設置する場合 📖 サンプルページはこちら headタグには、ポップアップ型で埋め込みたい動画の埋め込みコード(head)のみを設置し(「カスタマイズ型」で埋め込みたい動画の“埋め込みコード (head)”は設置をしないでください。)、bodyタグにはカスタマイズ型で埋め込みたい各動画の埋め込みコード(body)を、それぞれ設置してください 1つのページに、「カスタマイズ型」の動画を複数設置する場合 headタグには、任意の動画の埋め込みコード(head)を1つだけ設置し、 bodyタグには、それぞれの動画の埋め込みコード(body)を設置しサイトに動画設置する場合のサムネイルは、どこから設定できますか?
各動画の編集画面内の、「全体設定」メニュー内の「埋め込み型動画の設定」にて表示するサムネイルと文言が設定できます。 設定手順 1. 埋め込み型動画の設定に進む 1. 設定したい動画の編集画面に進む 2. 全体設定 > 埋め込み型動画の設定をクリック 2. サムネイル画像と説明文を設定 サムネイル画像と説明文を設定し、OKをクリックします。 サムネイルの作成については以下の記事をご確認ください。 📖 動画サムネイルを作成する 「説明文」に入力した内容は、ポップアップ表示の場合にのみサムネイル上部に表示されます。動画をサイトに埋め込む場合、指定のサイズで埋め込むことはできますか?
カスタマイズ型のみ可能です。 動画の埋め込みコード内の [width(横幅)]と [height(高さ)]の値を変更することで、お好きなサイズに調整できます。 動画埋め込みの方法 動画の埋め込み方法には、以下の 2種類 があります。 - ポップアップ型:サムネイルをクリックするとポップアップ再生 - カスタマイズ型:サイト内の好きな場所・サイズで表示可能 どちらの方法でも、以下の手順で埋め込み可能です。 ただし、ポップアップ型は固定サイズでの埋め込みとなります。 埋め込みの手順 1. 「動画一覧メニュー」から「サイト埋め込み」を選択 2. 表示された埋め込みコードをコピーし、自社サイトに貼り付ける 3. [width] と [height] の値を変更し、指定のサイズに調整 ※カスタマイズ型のみ 📖 詳しい手順は以下の記事をご参照ください。 - 【サイト設置】カスタマイズ型で動画を表示する方法 - 【サイト設置】ポップアップ型で動画を表示する方法LOOV動画をiframeで埋め込むことはできますか?
iframeでの埋め込みには対応していません。 LOOVでは、より簡単に動画をサイトに設置できる仕組みをご用意しています。 サイトへの設置方法について LOOV動画をサイトに設置する方法については、以下のFAQで詳しくご案内しています。 - 【サイト設置】カスタマイズ型で動画を表示する方法 - 【サイト設置】ポップアップ型で動画を表示する方法 動画のダウンロード方法について LOOV動画をダウンロードし活用したい場合は、以下のFAQをご覧ください。 - 録画した動画はダウンロードできますか?作成した動画がサイト埋め込みできません。なぜですか?
動画の形式が「独立URL形式」になっている可能性があります。 この場合、サイトへの埋め込みはできないため、「サイト埋め込み」形式に変更する必要があります。 ✅サイト埋め込み形式に変更したい場合 動画の形式は後から変更できないため、以下の手順で動画を複製し、 埋め込み形式で作成し直す必要があります。 手順: 1. 対象の動画を複製する 対象の動画の「…(3点リーダー)」をクリックし、[複製] を選択します 2. 複製を作成する 「サイト埋め込み形式」を選んで複製します 3. 公開する 複製された動画の編集ページに遷移するので、動画を「公開」に変更します 動画の埋め込み(サイト設置)方法については、以下の記事をご確認ください。 - 【サイト設置】カスタマイズ型で動画を表示する方法サイト設置用のサムネイル動画に、長さやサイズの指定はありますか?
動画の長さ(秒数)や解像度(HD/フルHDなど)について、厳密な指定はありません。 ただし、以下の点にご注意ください。 サムネイル動画の仕様・制限について - アップロード可能なファイル形式:mp4形式の動画ファイル - ファイルサイズ:3MB以内 - 長さの目安:3〜5秒程度の動画が一般的です - 解像度:HD(1280×720)でも十分な画質となります ご注意点 フルHD(1920×1080)で作成された動画は、3MB以内に収めるのが難しい場合があります。 画質とファイルサイズのバランスを考慮し、HD解像度かつ3〜5秒程度の長さでの作成をおすすめします。サイト埋め込みの動画がWebサイトに表示されません。原因はなぜですか?
タグの設置箇所の誤りや、編集内容の反映、表示画像が未設定の可能性があります。 考えられる原因_01:「タグの設置箇所が誤っている」 LOOVで生成した「JavaScriptタグ」を、 動画を表示したい各ページのソースコード内に貼り付けてください。 📖 詳しくは、以下を参照してください。 - 【サイト設置】ポップアップ型で動画を表示する方法 - 【サイト設置】カスタマイズ型で動画を表示する方法 考えられる原因_02:「編集内容が動画に反映が出来ていない」 編集画面の内容が本番動画に反映できていない場合、 ポップアップが表示されないケースがあります。 「下書き内容を反映」ボタンを押下して、編集画面の内容を改めて公開動画に反映してください。 考えられる原因_03:「表示画像の設定」が未設定 サイト上に動画を設置するに際して、表示画像(サムネイル)の設定が必要となります。 設定箇所:動画編集画面 > 全体設定 > 埋め込み型動画の設定 - アップロードする画像の推奨縦横比:「16:9」 - アップロードする画像の推奨ファイル形式:png、jpg、gif