Campaign Hero 

<div class="campaign-hero" data-module="campaignHero" data-curtain-length="3">
    <div class="campaign-hero__header">
        <div class="campaign-hero__header-logo-wrapper">
            <img src="/img/campaign-hero/ireland-logo-button.svg" alt="Festival Logo" class="campaign-hero__header-logo" />
        </div>
        <h1 class="campaign-hero__header-title">St Patricks Day</h1>
        <div class="campaign-hero__header-date-wrapper">
            <span class="campaign-hero__header-date">17:03:2022</span>
        </div>
    </div>
    <div class="campaign-hero__video-container js-video-container">
        <div class="video" data-youtube-video="true" data-autoplay="" data-hide-controls="true" data-loop="" data-muted="" data-ratio="16:9">
            <template class="js-youtube-template">
                <iframe src="https://www.youtube-nocookie.com/embed/-zA-3RDWlwI?playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1" allowfullscreen allowtransparency allow="autoplay"></iframe>
            </template>
            <div class="js-video-container video__container" data-poster-url="https://upload.wikimedia.org/wikipedia/commons/f/f9/UKF_basic_logo.svg">
                <div class="video__player js-video-player"></div>
            </div>
        </div>
    </div>
    <div class="campaign-hero__video-button-wrapper">
        <div class="campaign-hero__video-button">
            <span class="campaign-hero__video-button-text">
                Press For Music
            </span>
            <a href="" class="green-button green-button--bold-green js-green-button" data-module="greenButton">
                <span class="green-button__base"></span>
                <span class="green-button__side"></span>
                <span class="green-button__top"></span>
                <span class="green-button__text"></span>
            </a>
        </div>
    </div>
    <div class="campaign-hero__video-playlist">
        <a href="#" class="campaign-hero__video-playlist-artist js-video-link selected" data-video-id="-zA-3RDWlwI" data-video-poster=https://upload.wikimedia.org/wikipedia/commons/f/f9/UKF_basic_logo.svg>Jaus &amp; Megladon</a>
        <a href="#" class="campaign-hero__video-playlist-artist js-video-link " data-video-id="ZnBeTPpr98g" data-video-poster=https://img.discogs.com/83yTN3voj8Smks2H8uwrhYPvHtc&#x3D;/fit-in/600x451/filters:strip_icc():format(webp):mode_rgb():quality(90)/discogs-images/R-327879-1586681747-7996.jpeg.jpg>Push</a>
        <a href="#" class="campaign-hero__video-playlist-artist js-video-link " data-video-id="DgW_OzRkgtQ" data-video-poster=https://img.discogs.com/b3LF-iKAt_y5wBIHdaX3m8ZEA0M&#x3D;/fit-in/600x532/filters:strip_icc():format(jpeg):mode_rgb():quality(90)/discogs-images/R-64065-1226355657.jpeg.jpg>Delerium</a>
        <a href="#" class="campaign-hero__video-playlist-artist js-video-link " data-video-id="ET1-6Bef9xU" data-video-poster=https://img.discogs.com/EAX_RDBQKmiNHFgZdIuba8Qd5xM&#x3D;/fit-in/600x600/filters:strip_icc():format(jpeg):mode_rgb():quality(90)/discogs-images/R-1374848-1549088289-1174.png.jpg>Chicane</a>
        <a href="#" class="campaign-hero__video-playlist-artist js-video-link " data-video-id="KYEVhmZKvhI" data-video-poster=https://geo-static.traxsource.com/files/artists/4385.jpg>Bob Sinclar</a>
        <a href="#" class="campaign-hero__video-playlist-artist js-video-link " data-video-id="rdlvPe959Ck" data-video-poster=https://geo-media.beatport.com/image_size/590x404/4a44a38e-8308-4089-99aa-c7122c025a38.jpg>Roger Sanchez</a>
        <a href="#" class="campaign-hero__video-playlist-artist js-video-link " data-video-id="ruAi4VBoBSM" data-video-poster=https://pbs.twimg.com/media/C1adKlKXUAAreZM.jpg>Fatboy Slim</a>
        <a href="#" class="campaign-hero__video-playlist-artist js-video-link " data-video-id="6_PAHbqq-o4" data-video-poster=https://logos-world.net/wp-content/uploads/2020/11/The-Prodigy-Emblem.png>The Prodigy</a>
    </div>
</div>
 
<div class="campaign-hero" data-module="campaignHero" data-curtain-length="{{curtainLength}}">
    <div class="campaign-hero__header">
        <div class="campaign-hero__header-logo-wrapper">
            <img src="{{logo.src}}" alt="{{logo.altText}}" class="campaign-hero__header-logo" />
        </div>
        <h1 class="campaign-hero__header-title">{{title}}</h1>
        <div class="campaign-hero__header-date-wrapper">
            <span class="campaign-hero__header-date">{{date}}</span>
        </div>
    </div>
    <div class="campaign-hero__video-container js-video-container">
            {{> @cp-medium-youtube-video doNotInitialise=true video=playlist.[0] ratio="16:9" hideControls=true}}
    </div>
    <div class="campaign-hero__video-button-wrapper">
        <div class="campaign-hero__video-button">
            <span class="campaign-hero__video-button-text">
                {{playButtonText}}
            </span>
            {{> @cp-green-button additionalClasses="js-green-button" modifier="bold-green"}}
        </div>
    </div>
    <div class="campaign-hero__video-playlist">
        {{#each playlist}}
            <a href="#" class="campaign-hero__video-playlist-artist js-video-link {{#ifEquals @index 0}}selected{{/ifEquals}}" data-video-id="{{videoId}}" data-video-poster={{posterUrl}}>{{artist}}</a>
        {{/each}}
    </div>
</div>
 
{
  "preload": true,
  "title": "St Patricks Day",
  "date": "17:03:2022",
  "logo": {
    "src": "/img/campaign-hero/ireland-logo-button.svg",
    "altText": "Festival Logo"
  },
  "playButtonText": "Press For Music",
  "playlist": [
    {
      "artist": "Jaus & Megladon",
      "videoId": "-zA-3RDWlwI",
      "posterUrl": "https://upload.wikimedia.org/wikipedia/commons/f/f9/UKF_basic_logo.svg"
    },
    {
      "artist": "Push",
      "videoId": "ZnBeTPpr98g",
      "posterUrl": "https://img.discogs.com/83yTN3voj8Smks2H8uwrhYPvHtc=/fit-in/600x451/filters:strip_icc():format(webp):mode_rgb():quality(90)/discogs-images/R-327879-1586681747-7996.jpeg.jpg"
    },
    {
      "artist": "Delerium",
      "videoId": "DgW_OzRkgtQ",
      "posterUrl": "https://img.discogs.com/b3LF-iKAt_y5wBIHdaX3m8ZEA0M=/fit-in/600x532/filters:strip_icc():format(jpeg):mode_rgb():quality(90)/discogs-images/R-64065-1226355657.jpeg.jpg"
    },
    {
      "artist": "Chicane",
      "videoId": "ET1-6Bef9xU",
      "posterUrl": "https://img.discogs.com/EAX_RDBQKmiNHFgZdIuba8Qd5xM=/fit-in/600x600/filters:strip_icc():format(jpeg):mode_rgb():quality(90)/discogs-images/R-1374848-1549088289-1174.png.jpg"
    },
    {
      "artist": "Bob Sinclar",
      "videoId": "KYEVhmZKvhI",
      "posterUrl": "https://geo-static.traxsource.com/files/artists/4385.jpg"
    },
    {
      "artist": "Roger Sanchez",
      "videoId": "rdlvPe959Ck",
      "posterUrl": "https://geo-media.beatport.com/image_size/590x404/4a44a38e-8308-4089-99aa-c7122c025a38.jpg"
    },
    {
      "artist": "Fatboy Slim",
      "videoId": "ruAi4VBoBSM",
      "posterUrl": "https://pbs.twimg.com/media/C1adKlKXUAAreZM.jpg"
    },
    {
      "artist": "The Prodigy",
      "videoId": "6_PAHbqq-o4",
      "posterUrl": "https://logos-world.net/wp-content/uploads/2020/11/The-Prodigy-Emblem.png"
    }
  ],
  "curtainLength": 3
}

There are no notes for this item.