几个视频的React背景视频循环

import React from 'react';

const BackgroundVideo = () => {
  return (
    <div style={{ position: 'relative', width: '100%', height: '100vh' }}>
      <video
        autoPlay
        loop
        muted
        style={{
          position: 'absolute',
          top: 50,
          left: 50,
          min-width: '100%',
          min-height: '100%',
          width: 'auto',
          height: 'auto',
        }}
      >
        <source src="path/to/your/video.mp4" type="video/mp4" />
        Your browser does not support the video tag.
      </video>
      <div style={{ position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', backgroundColor: 'rgba(0,0,0,0.5)' }}>
        {/* Your content goes here */}
      </div>
    </div>
  );
};

export default BackgroundVideo;