From 9a3e0c24d05d373ad2495034d1b6fdb1ad67d95a Mon Sep 17 00:00:00 2001
From: Linzp <sunandmoon001@163.com>
Date: Tue, 9 Sep 2025 13:16:25 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B0=E9=97=B4getElement=E6=8E=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                               |  2 +-
 src/components/FilePreview/VideoPreview.js | 14 ++++++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 05cb9aa..fd3d775 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@kne/react-file",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "description": "提供了文件上传，文件预览，文件批量管理等功能",
   "syntax": {
     "esmodules": true
diff --git a/src/components/FilePreview/VideoPreview.js b/src/components/FilePreview/VideoPreview.js
index 92d8047..b4f7ab0 100644
--- a/src/components/FilePreview/VideoPreview.js
+++ b/src/components/FilePreview/VideoPreview.js
@@ -1,9 +1,15 @@
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
+import useRefCallback from '@kne/use-ref-callback';
 import style from './style.module.scss';
 
-const VideoPreview = ({ url, maxWidth, origin, controls = true, ...props }) => {
+const VideoPreview = ({ url, maxWidth, origin, controls = true, getElement, ...props }) => {
+  const ref = useRef(null);
+  const getElementCallback = useRefCallback(getElement);
+  useEffect(() => {
+    getElementCallback(ref.current);
+  }, [getElementCallback]);
   if (origin) {
-    return <video controls={controls} {...props} src={url} />;
+    return <video controls={controls} {...props} src={url} ref={ref} />;
   }
   return (
     <div
@@ -13,7 +19,7 @@ const VideoPreview = ({ url, maxWidth, origin, controls = true, ...props }) => {
       }}
     >
       <div className={style['video-inner']}>
-        <video controls={controls} {...props} src={url} />
+        <video controls={controls} {...props} src={url} ref={ref} />
       </div>
     </div>
   );