feats

src/pages/sample/home/components/VideoPlay.jsx

@@ -41,6 +41,7 @@ const VideoPlay = (props) => {
       ref={ref}
       autoPlay={false}
       src={url}
+      controls="controls"
       onEnded={() => {
         isVideoPlayRef.current = false;
       }}

src/pages/sample/home/index.jsx

@@ -27,7 +27,7 @@ export default (props) => {
     height,
     overflow: 'hidden',
     width: '100%',
-    objectFit: 'fill',
+    objectFit: 'contain',
   }), [height]);
 
   useEffect(() => {
@@ -52,7 +52,6 @@ export default (props) => {
     });
     handNext();
 
-    
     const boxHeight = boxRef.current.offsetHeight;
     setHeight(boxHeight ? `${boxHeight}px` : '100%');
   }, []);
@@ -78,7 +77,7 @@ export default (props) => {
     <div
       onMouseEnter={onMouseEnter}
       onMouseLeave={onMouseLeave}
-      style={{ height, overflow: "hidden" }}
+      style={{ height, overflow: "hidden", background: '#081A48' }}
       ref={boxRef}
     >
       <Carousel

vite.config.js

@@ -6,6 +6,7 @@ import vitePluginImp from 'vite-plugin-imp'
 // https://vitejs.dev/config/
 export default defineConfig({
   server: {
+    host: '0.0.0.0',
     proxy: {
       '/api/': {
         // 要代理的地址