Insight Video

Default Green

Example:

Thematic Center 12

arrows-leftarrows-right

Config:

{
  "className": "bg-green",
  "series": {
    "title": "Thematic Center",
    "articleNumber": 12,
    "nextUrl": "#",
    "prevUrl": "#"
  },
  "video": {
    "src": "https://www.youtube.com/embed/cuHDQhDhvPE",
    "title": "YouTube video player"
  }
}

Blue

Example:

Thematic Center 12

arrows-leftarrows-right

Config:

{
  "className": "bg-dark-blue",
  "series": {
    "title": "Thematic Center",
    "articleNumber": 12,
    "nextUrl": "#",
    "prevUrl": "#"
  },
  "video": {
    "src": "/areas/proshares/assets/videos/ion-slide.mp4",
    "title": "HTML 5 video player"
  },
  "isLocalVideo": true
}

White

Example:

Config:

{
  "className": "bg-white",
  "video": {
    "src": "/areas/proshares/assets/videos/ion-slide.mp4",
    "title": "HTML 5 video player"
  },
  "isLocalVideo": true
}

White vimeo iframe

Example:

Config:

{
  "className": "bg-white",
  "video": {
    "src": "https://player.vimeo.com/video/1053523237",
    "title": "Vimeo video player"
  }
}