{% from "../_vsl/_vsl.html" import vsl %}
{{ vsl(
displayPlayButton = vslSection.vsl.displayPlayButton,
brightcoveVideoStorage = vslSection.vsl.brightcoveVideoStorage,
brightcoveAccountID = vslSection.vsl.brightcoveAccountID,
brightcoveVideoID = vslSection.vsl.brightcoveVideoID,
customPlay = vslSection.vsl.customPlay,
ID = 'vslSectionVsl',
isFullScreenInlineDesktop = vslSection.vsl.isFullScreenInline.desktop,
isFullScreenInlineMobile = vslSection.vsl.isFullScreenInline.mobile,
placeholder = vslSection.vsl.image,
alt = vslSection.vsl.alt,
src = vslSection.vsl.video_src,
path = global.path,
hasControls = vslSection.vsl.hasControls,
isMutedAndAutoplay = vslSection.vsl.isMutedAndAutoplay,
playInLoop = vslSection.vsl.playInLoop
)
}}
{% if vslSection.playVideoCta.showCta == 'true' %}
{% from "../_CTABtn/_CTABtn.html" import CTA %}
{{ CTA(
wrapCTA= 'true',
ctaID= 'playCTA',
ctaLink= '',
ctaTarget= '_blank',
dataParam= 'false',
ctaParam= 'false',
ctaText = vslSection.playVideoCta.text,
ctaClass= 'btn--play',
hasIcon = vslSection.playVideoCta.hasIcon,
iconID = 'PLAY',
iconModifierClass = 'play',
hideCta = 'false')
}}
{% endif %}
{% if vslSection.vsl.show_cta == "true" %}
{% if skin.use_custom_skin == 'true' %}
{% from "../_CTABtn/_CTABtn.html" import CTA %}
{{ CTA(
wrapCTA = 'true',
ctaID = 'false',
ctaLink = global.mainBTN_link,
ctaTarget = "_blank",
dataParam = 'true',
ctaParam = 'false',
ctaClass = vslSection.cta.ctaClass,
ctaText = global.mainBtn,
hasIcon = 'false',
style = skin.CTAStyle_options.selected
)
}}
{% else %}
{% from "../_CTABtn/_CTABtn.html" import CTA %}
{{ CTA(
wrapCTA = 'true',
ctaID = 'VSLCta',
ctaLink = global.mainBTN_link,
ctaTarget = "_blank",
dataParam = 'true',
ctaParam = 'false',
ctaClass = vslSection.cta.ctaClass,
ctaText = global.mainBtn,
hasIcon = 'false',
style = 'squared'
)
}}
{% endif %}
{% endif %}