Rushing Labs

Video Components

Location: /components/content-helpers/video.js

Component code


function Video({ children, src, width }) {
    width = width !== undefined || "" ? width : "100%";
    return (
        <video controls width={width}>
            <source src={src}
                type="video/webm" />
        </video>
    );
}

Example usage

 <Video 
    src="https://meddlin-web.s3.us-east-2.amazonaws.com/2022-08-23_pedernales-falls/pedernales-water.webm" 
    width="100%" /> 
RushingLabs - Analytics