bingo!CMS v1.7 マニュアルサイト

1. bingo!CMS管理画面にログインし、任意のページ編集画面を開きます。
2. ページ編集用ツールバー／デザインユニットのプルダウンから動画v17のアイコンをドラッグ＆ドロップでコンテナに配置します。
3. 動画v17のユニット編集画面を開き、動画URL欄にYouTubeもしくはVimeoの動画URLを貼り付けます。
   ※動画URLの取得方法は動画v17のマニュアルをご覧ください。
4. その他必要項目を設定し、保存します。

1. bingo!CMS管理画面にログインし、任意のページ編集画面を開きます。
2. ユニットモード／ページ編集用ツールバー／デザインユニットのプルダウンからカスタムv17のアイコンをドラッグ＆ドロップでコンテナに配置します。
3. カスタムv17のユニット編集画面を開き、動画パーツのアイコンをドラッグ&ドロップします。
4. 動画URL欄にYouTubeもしくはVimeoの動画URLを貼り付けます。
   ※動画URLの取得方法は動画v17のマニュアルをご覧ください。
5. その他必要項目を設定し、保存します。

1. bingo!CMS管理画面にログインし、任意のページ編集画面を開きます。
2. ユニットモード／ページ編集用ツールバー／デザインユニットのプルダウンからグリッドv17のアイコンをドラッグ＆ドロップでコンテナに配置します。
3. グリッドv17のユニット編集画面を開き、タブをデザインオプションに切り替えます。
4. 詳細設定をクリックし背景の動画URL欄にYouTubeの動画URLを貼り付けます。
   ※動画URLの取得方法は動画v17のマニュアルをご覧ください。グリッドv17にVimeoの動画URLは設定できません。
5. 動画の再生方法をscrollかhoverから選択します。
   ※scrollはページスクロール、hoverはマウスホバーで動画が再生されます。
6. その他必要項目を設定し、保存します。

1. bingo!CMS管理画面にログインし、任意のページ編集画面を開きます。
2. コンテナモード／ページ編集用ツールバー／コンテナのプルダウンからマルチコンテナのアイコンをドラッグ＆ドロップします。
3. マルチコンテナのコンテナ編集画面を開き、タブをコンテナ設定に切り替えます。
4. 背景タイプのプルダウンを背景動画へ変更し、動画URL欄にYouTubeもしくはVimeoの動画URLを貼り付けます。
   ※動画URLの取得方法は動画v17のマニュアルをご覧ください。
5. その他必要項目を設定し、保存します。

1. bingo!CMS管理画面にログインし、任意のページ編集画面を開きます。
2. コンテナモード／ページ編集用ツールバー／コンテナのプルダウンからマルチコンテナのアイコンをドラッグ＆ドロップします。
3. マルチコンテナのコンテナ編集画面を開き、タブをコンテナ設定に切り替えます。
4. 背景タイプのプルダウンを背景動画へ変更し、動画URL欄にYouTubeもしくはVimeoの動画URLを貼り付けます。
   ※動画URLの取得方法は動画v17のマニュアルをご覧ください。
5. その他必要項目を設定し、保存します。
6. ページ編集用ツールバー／このページのcssとjavascriptの設定をクリックします。
7. スキンのデザインによって以下のどちらかを記述し保存します。

<style type="text/css">
#container-outer-●●●● .bg-media-box {
position: fixed;
left: 0px;
}
</style>

<style type="text/css">
#container-outer-●●●● .bg-media-box {
position: fixed;
left: ▲px;
width: calc(100% - ▲px);
}
</style>