mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2025-02-18 09:00:30 -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;
|
color: $ui-white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.video-player {
|
||||||
|
height: 180px;
|
||||||
|
border: 2px solid $ui-border;
|
||||||
|
border-radius: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.extension-image {
|
.extension-image {
|
||||||
|
|
|
@ -51,10 +51,24 @@ class Wedo2 extends ExtensionLanding {
|
||||||
/>
|
/>
|
||||||
</FlexRow>
|
</FlexRow>
|
||||||
}
|
}
|
||||||
renderImage={<img
|
renderImage={
|
||||||
alt={this.props.intl.formatMessage({id: 'wedo2.imgAltWeDoIllustration'})}
|
<div className="video-player">
|
||||||
src="/images/wedo2/wedo2-illustration.png"
|
<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={
|
renderRequirements={
|
||||||
<ExtensionRequirements>
|
<ExtensionRequirements>
|
||||||
<span>
|
<span>
|
||||||
|
|
Loading…
Reference in a new issue