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>
   );