mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-11-26 17:16:11 -05:00
Add video player to wedo page
This commit is contained in:
parent
40795d1cb9
commit
d206b44abe
2 changed files with 25 additions and 4 deletions
|
@ -114,6 +114,13 @@
|
|||
color: $ui-white;
|
||||
}
|
||||
}
|
||||
|
||||
.video-player {
|
||||
height: 180px;
|
||||
border: 2px solid $ui-border;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.extension-image {
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue