rht
This commit is contained in:
parent
888ea28168
commit
c4671ffdfe
|
@ -25,6 +25,7 @@ export const VideoDisplay: React.FC<VideoDisplayProps> = ({
|
|||
isDragging,
|
||||
setIsDragging,
|
||||
progressRef,
|
||||
isPlaying
|
||||
} = useContext(VideoPlayerContext);
|
||||
|
||||
// 处理进度条拖拽
|
||||
|
@ -192,15 +193,19 @@ export const VideoDisplay: React.FC<VideoDisplayProps> = ({
|
|||
}, [src, onError, autoPlay]);
|
||||
|
||||
const handleVideoClick = () => {
|
||||
if (videoRef.current) {
|
||||
if (videoRef.current && isPlaying) {
|
||||
videoRef.current.pause();
|
||||
setIsPlaying(false);
|
||||
}else if (videoRef.current && !isPlaying) {
|
||||
videoRef.current.play();
|
||||
setIsPlaying(true);
|
||||
}
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="relative w-full aspect-video" onClick={handleVideoClick}>
|
||||
<div className="relative w-full aspect-video" >
|
||||
<video
|
||||
onClick={handleVideoClick}
|
||||
ref={videoRef}
|
||||
className="w-full h-full"
|
||||
poster={poster}
|
||||
|
|
Loading…
Reference in New Issue