Reflex Logo

Intro

Gallery

Hosting

Components

New

Learn

Components

API Reference

Onboarding

Library

/

Media

/

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 component share with audio component.

PropTypeDescriptionValues
urlstr

The url of a video or song to play

playingbool

Set to true or false to pause or play the media

loopbool

Set to true or false to loop the media

controlsbool

Set to true or false to display native player controls.

lightbool

Set to true to show just the video thumbnail, which loads the full player on click

volumefloat

Set the volume of the player, between 0 and 1

mutedbool

Mutes the player

widthstr

Set the width of the player: ex:640px

heightstr

Set the height of the player: ex:640px

Event Triggers

No component specific event triggers

← ImageHtml →

Did you find this useful?