diff --git a/src/pages/resource/videos/compenents/video-play-dialog/index.module.less b/src/pages/resource/videos/compenents/video-play-dialog/index.module.less
index 8c5b0e9..28024f8 100644
--- a/src/pages/resource/videos/compenents/video-play-dialog/index.module.less
+++ b/src/pages/resource/videos/compenents/video-play-dialog/index.module.less
@@ -9,19 +9,19 @@
   display: flex;
   align-items: center;
   justify-content: center;
+  background-color: rgba(0, 0, 0, 0.45);
   z-index: 200;
   .play-dialog {
     width: 800px;
     height: 450px;
     border-radius: 8px;
-    overflow: hidden;
     position: relative;
     .close-button {
       width: 30px;
       height: 30px;
       position: absolute;
-      top: 24px;
-      right: 24px;
+      top: -30px;
+      right: -30px;
       cursor: pointer;
       z-index: 1000;
       &:hover {
diff --git a/src/pages/resource/videos/compenents/video-play-dialog/index.tsx b/src/pages/resource/videos/compenents/video-play-dialog/index.tsx
index 9dc062c..df7d064 100644
--- a/src/pages/resource/videos/compenents/video-play-dialog/index.tsx
+++ b/src/pages/resource/videos/compenents/video-play-dialog/index.tsx
@@ -35,6 +35,7 @@ export const VideoPlayDialog: React.FC<PropInterface> = ({
     });
     window.player.on("ended", () => {
       window.player && window.player.destroy();
+      onCancel();
     });
   };