Flexible Common – Video

概要

動画とテキストのコンテンツ情報を扱う時に使用できるテンプレートになります。動画はアップロード又はYoutubeの動画URLを指定することが出来ます。

 

使用方法

  • 編集ページの「Flexible Commmon」 から[Add Section]から使用するテンプレートを選択して下さい。
  • レイアウトの設定はローカルとグローバルでの設定になります

 

テンプレート

  • 2col Video | Editor A、2col Editor | Video A、2col Youtube | Editor A、 2col Editor | Youtube A
  • 1col Video Play List、1col Youtube Play List

 

設定

  1. 内容
    • 共通 
      1. Title Height:タイトルの高さ設定
      2. Contents Heigh:コンテンツエリアの高さ設定
      3. Title Col Underline Color:タイトルのアンダーライン色
      4. Video Bgcolor/Boder color:画像の背景・枠線色
      5. Editor Bgcolor/Boder color:テキストの背景・枠線色
      6. Column Width:カラム幅(%)設定
    • プレイリスト
      1. Top Bar Bgcolor
      2. “Playlist” Text Color
      3. Playlist Board/Active Bgcolor
      4. Video Title Text/Hover Color
      5. Video Title Icon/Hover Color
    • キャプションテキスト設定
      1. グローバル:Edit Style > Other Tool
    • アスペクト比
      1. 2col Video | Editor A、2col Editor | Video Aで指定が出来ます。
      2. 動画の変換機能ではありません。

 

2col Video | Editor A

Lorem ipsum

Lorem ipsum

Caption top
Caption bottom
Caption top
Caption bottom

Lorem ipsum

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

 

設定内容

  1. Aspect Ratio:Wide Screen(16:9)
  2. Title Height:60
  3. Contents Heigh:460
  4. Title Col Underline Color:#FF0000, #0000FF
  5. Video Bgcolor/Boder color:#FF0000, #000000
  6. Editor Bgcolor/Boder color:#F7F7F7,#FFFFFF
  7. Column Width:70, 30

2col Editor | Video A

Lorem ipsum

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum

Lorem ipsum

 

設定内容

  1. Aspect Ratio:Vertically long(9:16)
  2. Title Height:60
  3. Contents Heigh:870
  4. Title Col Underline Color:#C0C0C0, #C0C0C0
  5. Video Bgcolor/Boder color:#F7F7F7, #F7F7F7
  6. Editor Bgcolor/Boder color:#FFFFFF, #FFFFFF
  7. Column Width:40, 60

2col Youtube | Editor A

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

 

設定内容

  1. Title Height:60
  2. Contents Heigh:280
  3. Title Col Underline Color:#C0C0C0, #C0C0C0
  4. Video Bgcolor/Boder color:#F7F7F7, #FFFFFF
  5. Editor Bgcolor/Boder color:#F7F7F7, #FFFFFF
  6. Column Width:50, 50

2col Editor | Youtube A

Lorem ipsum

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum

Lorem ipsum

設定内容

  1. Title Height:60
  2. Contents Heigh:380
  3. Title Col Underline Color:#C0C0C0, #C0C0C0
  4. Video Bgcolor/Boder color:#F7F7F7, #FFFFFF
  5. Editor Bgcolor/Boder color:#F7F7F7, #FFFFFF
  6. Column Width:30, 70

1col Video Play List

 

設定内容

  1. Title Col Underline Color:#C0C0C0
  2. Video Bgcolor/Boder color:#F7F7F7, #C0C0C0
  3. Top Bar Bgcolor:#FF0000
  4. “Playlist” Text Color:#FFFFFF
  5. Playlist Board/Active Bgcolor:#FFFFFF, #F7F7F7
  6. Video Title Text/Hover Color:#000080, #000080
  7. Video Title Icon/Hover Color:#FFFFFF, #FF0000

 

設定内容

  1. Title Col Underline Color:#C0C0C0
  2. Video Bgcolor/Boder color:#F7F7F7, #FFFFFF
  3. Top Bar Bgcolor:#000080
  4. “Playlist” Text Color:#FFFF00, #FFFFFF
  5. Playlist Board/Active Bgcolor:#FFFFFF, #F7F7F7
  6. Video Title Text/Hover Color:#DD3333, #8224E3
  7. Video Title Icon/Hover Color:#DD3333, #8224E3