fix loading state and don't overwrite onEnd

src/VideoPlayer.tsx

@@ -91,7 +91,7 @@ export const VideoPlayer = (props: VideoPlayerProps) => {
   const [seekerOffset, setSeekerOffset] = useState(0);
   const [seekerWidth, setSeekerWidth] = useState(0);
   const [seeking, setSeeking] = useState(false);
-  const [loading, setLoading] = useState(false);
+  const [loading, setLoading] = useState(true);
   const [currentTime, setCurrentTime] = useState(0);
   const [error, setError] = useState(false);
   const [duration, setDuration] = useState(0);
@@ -124,6 +124,9 @@ export const VideoPlayer = (props: VideoPlayerProps) => {
       setCurrentTime(duration);
       setPaused(true);
     }
+    if (typeof onEnd === 'function') {
+      onEnd();
+    }
   };
 
   const _onError = () => {
@@ -186,7 +189,7 @@ export const VideoPlayer = (props: VideoPlayerProps) => {
   const events = {
     onError: onError || _onError,
     onBack: (onBack || _onBack(navigator)) as () => void,
-    onEnd: onEnd || _onEnd,
+    onEnd: _onEnd,
     onScreenTouch: _onScreenTouch,
     onEnterFullscreen,
     onExitFullscreen,