動画ユニットV17

bingo!CMS1.7よりリリースされた、動画ユニットについてご説明します。
動画の設定については bingo!CMSで出来る動画の設定まとめ もご参照ください。

※動画に関する注意
自動再生はChromeやSafariなどブラウザの動画再生に関する設定に準拠します。
ユーザーのブラウザ環境により、想定した設定が反映されない可能性がありますのでご了承ください。

動画の設定方法

  1. 動画URLを入力します。
    詳細は以下「YoutubeからURLを取得」「VimeoからURLを取得」を参照してください。
  2. サムネイル画像を選択します。
    サムネイル画像…動画の内容を簡単に伝えるための画像です。
  3. オプション
    ポップアップで表示…再生ボタンをクリックすると、動画が前面に飛び出すように現れて再生されます。
    自動再生する…動画がページの表示領域に入ると自動的に再生されます。
    表示サイズを固定する…動画の表示サイズを任意に設定できます。

YoutubeからURLを取得

  1. 設定したい動画を選択します。
  2. 共有をクリックします。
  3. 動画のURLが表示されます。
  4. 動画のURLをコピーし、動画ユニットV17の編集画面「動画URL」 にペースト(貼り付け)します
  5. 保存をクリックします。


■ 動画の途中から再生したい場合
動画のURLの末尾に下記を追加して保存してください。
例:動画開始9秒後から再生したい場合
《変更前》
https://youtu.be/●●●●=9
《変更後》
https://youtu.be/●●●●=9s

VimeoからURLを取得

  1. 設定したい動画を選択します。
  2. 共有をクリックします。
  3. 動画のURL(リンク)が表示されます。
  4. 動画のURLをコピーし、bingo!CMSの管理画面「動画URL」 にペースト(貼り付け)します。
  5. 保存をクリックします。

デザインオプション(簡易設定・詳細設定)

  1. [簡易設定] ユニットに背景色をつけます。
    簡易設定では、色の変更はできません。
  2. [簡易設定] ユニットに枠線を設定します。
    簡易設定では、色や太さの変更はできません。
  3. [簡易設定] ユニット下の余白を設定します。
  4. [詳細設定] ユニットの背景色を設定します。
  5. [詳細設定] ユニットの背景画像を設定します。
  6. [詳細設定] 背景画像使用時に表示する時のサイズを設定します。
  7. [詳細設定] 背景画像の繰り返し表示を設定します。
  8. [詳細設定] 背景画像の表示基準位置を設定します。
  9. [詳細設定] ユニットの枠線のスタイルを選びます。solid(実線)またはdotted(ドット)
  10. [詳細設定] 枠線の太さを設定します。
  11. [詳細設定] 枠線の色を設定します。
  12. [詳細設定]枠線の角丸の大きさを設定します。
  13. [詳細設定]枠線の角丸の大きさの単位を設定します。
  14. [詳細設定] ユニット外側の余白を設定します。
  15. [詳細設定] ユニット内側の余白を設定します。

ページトップ