Reflex | Video

✨ Reflex is in Hosting Alpha! Learn more here. ✨

Docs Blog Gallery

Search documentation...

Star

13k+

[ Learn ]

Getting Started

Tutorial

[ Concepts ]

[ Reference ]

API Reference

Recipes

Video

The video component can display a video given an src path as an argument. This could either be a local path from the assets folder or an external link.

rx.video(
    url="https://www.youtube.com/embed/9bZkp7q19f0",
    width="400px",
    height="auto",
)

If we had a local file in the assets folder named test.mp4 we could set url="/test.mp3" to view the video.

Video

Video component share with audio component.

Props

Prop	Type	Description
`url`	str	The url of a video or song to play
`playing`	bool	Set to true or false to pause or play the media
`loop`	bool	Set to true or false to loop the media
`controls`	bool	Set to true or false to display native player controls.
`light`	bool	Set to true to show just the video thumbnail, which loads the full player on click
`volume`	float	Set the volume of the player, between 0 and 1
`muted`	bool	Mutes the player
`width`	str	Set the width of the player: ex:640px
`height`	str	Set the height of the player: ex:640px

Base Event Triggers

← Image AlertDialog →

[ Learn ]

[ Concepts ]

[ Reference ]

[ Core Charts ]

[ Core Helpers ]

[ Other Graphing ]

Video

Video

Props

Base Event Triggers

.css-1ibpn7w{color:#DACEEE;}[ Learn ]

[ Concepts ]

[ Reference ]

[ Core Charts ]

[ Core Helpers ]

[ Other Graphing ]

Video

Video

Props

Base Event Triggers

[ Learn ]