fix prop name to width in video

This commit is contained in:
MinamiFunakoshiTR 2023-01-17 17:34:02 -06:00
parent c23ae7c1c4
commit 671181cada

View file

@ -26,7 +26,7 @@ slug: video
<Video <Video
ariaDescription={"Compulsory description of your video for screen readers."} ariaDescription={"Compulsory description of your video for screen readers."}
src={`${assets}/videos/myVideo.mp4`} // or a URL to an external video src={`${assets}/videos/myVideo.mp4`} // or a URL to an external video
size={'wide'} // normal, wide, wider, widest or fluid width={'wide'} // normal, wide, wider, widest or fluid
caption={'Optional caption for your video.'} caption={'Optional caption for your video.'}
/> />
``` ```
@ -35,7 +35,7 @@ slug: video
<Video <Video
ariaDescription="Description of your video for screen readers." ariaDescription="Description of your video for screen readers."
src={`${assets}/videos/Sequence silent video_4.mp4`} src={`${assets}/videos/Sequence silent video_4.mp4`}
size="wide" width="wide"
caption="World's longest glass bridge opens to public in Vietnam. (c) 2022 Thomson Reuters" caption="World's longest glass bridge opens to public in Vietnam. (c) 2022 Thomson Reuters"
/> />
</DemoContainer> </DemoContainer>
@ -69,7 +69,7 @@ Here is an example of what the same video would look like with a visibility thre
<Video <Video
ariaDescription="{'Compulsory description of your video for screen readers.'}" ariaDescription="{'Compulsory description of your video for screen readers.'}"
src="{'path-to-video-or-external-url'}" src="{'path-to-video-or-external-url'}"
size="{'normal'}" width="{'normal'}"
loopVideo="{false}" loopVideo="{false}"
playVideoThreshold="{0.9}" playVideoThreshold="{0.9}"
/> />
@ -79,7 +79,7 @@ Here is an example of what the same video would look like with a visibility thre
<Video <Video
ariaDescription="Description of your video for screen readers." ariaDescription="Description of your video for screen readers."
src={`${assets}/videos/Sequence silent video_4.mp4`} src={`${assets}/videos/Sequence silent video_4.mp4`}
size="normal" width="normal"
caption="World's longest glass bridge opens to public in Vietnam. (c) 2022 Thomson Reuters" caption="World's longest glass bridge opens to public in Vietnam. (c) 2022 Thomson Reuters"
loopVideo={false} loopVideo={false}
playVideoThreshold={0.9} playVideoThreshold={0.9}
@ -182,7 +182,7 @@ and go to the top. Click anywhere on the page before scrolling down to the video
<Video <Video
ariaDescription="{'Compulsory description of your video for screen readers.'}" ariaDescription="{'Compulsory description of your video for screen readers.'}"
src="{'path-to-video-or-external-url'}" src="{'path-to-video-or-external-url'}"
size="{'normal'}" width="{'normal'}"
controlsOpacity="{1}" controlsOpacity="{1}"
loopVideo="{false}" loopVideo="{false}"
muteVideo="{false}" muteVideo="{false}"
@ -194,7 +194,7 @@ and go to the top. Click anywhere on the page before scrolling down to the video
<Video <Video
ariaDescription="Description of your video for screen readers." ariaDescription="Description of your video for screen readers."
src={`${assets}/videos/Sequence sound video.mp4`} src={`${assets}/videos/Sequence sound video.mp4`}
size="normal" width="normal"
caption="World's longest glass bridge opens to public in Vietnam. (c) 2022 Thomson Reuters" caption="World's longest glass bridge opens to public in Vietnam. (c) 2022 Thomson Reuters"
controlsOpacity={1} controlsOpacity={1}
loopVideo={false} loopVideo={false}