Video Player v7

back

Configuration

There are several data attributes on the call-to-action that can configure the playback:

  • data-video-id is the bc id of the video
  • data-modal is the trigger for the modal behavior
  • data-age-gate is the age in years required to play the video
  • data-poster is the url of the placeholder image (1280x720)
<button class="button--secondary button--video js-video-play7r-cta"
  data-age-gate="18" 
  data-mode="modal"
  data-poster="https://www.sho.com/site/image-bin/images/1034344_2_0/1034344_2_0_trl01_1280x640.jpg"
  data-video-id="6320977613112"
>Watch S2 Trailer</button>