diff --git a/components/pages/work-flow/H5MediaViewer.tsx b/components/pages/work-flow/H5MediaViewer.tsx
index 5f5f52f..67fd939 100644
--- a/components/pages/work-flow/H5MediaViewer.tsx
+++ b/components/pages/work-flow/H5MediaViewer.tsx
@@ -218,17 +218,20 @@ export function H5MediaViewer({
                                 <>
                                     <video
                                         ref={(el) => (videoRefs.current[idx] = el)}
-                                        className="w-full h-full object-contain [transform:translateZ(0)] [backface-visibility:hidden] [will-change:transform] bg-black"
+                                        className="w-full h-full object-contain [transform:translateZ(0)] [backface-visibility:hidden] [will-change:transform] bg-black cursor-pointer"
                                         style={{
                                             maxHeight: '100%',
                                         }}
                                         src={url}
                                         preload="metadata"
                                         playsInline
-                                        controls={isPlaying && activeIndex === idx}
                                         loop
                                         poster={getFirstFrame(url)}
                                         crossOrigin="anonymous"
+                                        onClick={(e) => {
+                                            e.stopPropagation();
+                                            if (activeIndex === idx) togglePlay();
+                                        }}
                                         onLoadedMetadata={() => {}}
                                         onPlay={() => {
                                             if (activeIndex === idx) setIsPlaying(true);