Cp Campaign Hero Edit 

<div class="campaign-hero" data-module="campaignHero" data-curtain-length="">
    <div class="campaign-hero__header">
        <div class="campaign-hero__header-logo-wrapper">
            <img src="" alt="" class="campaign-hero__header-logo" />
        </div>
        <h1 class="campaign-hero__header-title"></h1>
        <div class="campaign-hero__header-date-wrapper">
            <span class="campaign-hero__header-date"></span>
        </div>
    </div>
    <div class="campaign-hero__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/?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="">
                <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">
            </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">
    </div>
</div>
 
{{{customeditframe.editframeStart}}}
<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">
            {{> @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" data-video-id="{{videoId}}" data-video-poster={{posterUrl}}>{{artist}}</a>
        {{/each}}
    </div>
</div>
{{{customeditframe.editframeStop}}}
 
/* No context defined for this component. */

There are no notes for this item.