{status === VideoStatus.Online && (
@@ -117,19 +148,32 @@ export function LiveVideoPlayer(props: VideoPlayerProps) {
className="absolute opacity-0 hover:opacity-100 transition-opacity w-full h-full z-20 bg-[#00000055]"
onClick={() => {
if (video.current) {
- if (playState) {
+ if (playState === "playing") {
video.current.pause();
- } else {
+ } else if (playState === "paused") {
video.current.play();
}
}
}}>
-
+
e.stopPropagation()}>
-
+
+ {props.status === StreamState.Ended && playState && maxPosition && position && (
+
+ )}