Add video player to wedo page

This commit is contained in:
Eric Rosenbaum 2018-12-05 10:48:46 -05:00
parent 40795d1cb9
commit d206b44abe
2 changed files with 25 additions and 4 deletions

View file

@ -114,6 +114,13 @@
color: $ui-white;
}
}
.video-player {
height: 180px;
border: 2px solid $ui-border;
border-radius: 10px;
overflow: hidden;
}
}
.extension-image {

View file

@ -51,10 +51,24 @@ class Wedo2 extends ExtensionLanding {
/>
</FlexRow>
}
renderImage={<img
alt={this.props.intl.formatMessage({id: 'wedo2.imgAltWeDoIllustration'})}
src="/images/wedo2/wedo2-illustration.png"
/>}
renderImage={
<div className="video-player">
<iframe
allowFullScreen
allowTransparency="true"
frameBorder="0"
height="180"
scrolling="no"
src={`https://fast.wistia.net/embed/iframe/4im7iizv47?seo=false&videoFoam=true`}
title="📹"
width="320"
/>
<script
async
src="https://fast.wistia.net/assets/external/E-v1.js"
/>
</div>
}
renderRequirements={
<ExtensionRequirements>
<span>