fix(inlineplayer): player autostart setting not respected

src/components/Player/Player.tsx

@@ -152,15 +152,22 @@ const Player: React.FC<Props> = ({
 
       playerRef.current = window.jwplayer(playerElementRef.current) as JWPlayer;
 
-      playerRef.current.setup({
+      // player options are untyped
+      const playerOptions: { [key: string]: unknown } = {
         aspectratio: false,
         playlist: [deepCopy({ ...item, starttime: startTimeRef.current })],
         width: '100%',
         height: '100%',
         mute: false,
-        autostart,
         repeat: false,
-      });
+      };
+
+      // only set the autostart parameter when it is defined or it will override the player.defaults autostart setting
+      if (typeof autostart !== 'undefined') {
+        playerOptions.autostart = autostart;
+      }
+
+      playerRef.current.setup(playerOptions);
 
       setPlayer(playerRef.current);
       attachEvents();

src/containers/Cinema/Cinema.tsx

@@ -82,6 +82,7 @@ const Cinema: React.FC<Props> = ({
         <PlayerContainer
           item={item}
           feedId={feedId}
+          autostart={true}
           onPlay={handlePlay}
           onPause={handlePause}
           onComplete={handleComplete}

src/containers/InlinePlayer/InlinePlayer.tsx

@@ -26,6 +26,7 @@ type Props = {
   startWatchingButton: React.ReactNode;
   isLoggedIn: boolean;
   paywall: boolean;
+  autostart?: boolean;
 };
 
 const InlinePlayer: React.FC<Props> = ({
@@ -40,6 +41,7 @@ const InlinePlayer: React.FC<Props> = ({
   startWatchingButton,
   isLoggedIn,
   paywall,
+  autostart,
 }: Props) => {
   const siteName = useConfigStore((s) => s.config.siteName);
   const { t } = useTranslation();
@@ -66,6 +68,7 @@ const InlinePlayer: React.FC<Props> = ({
         <PlayerContainer
           item={item}
           feedId={feedId}
+          autostart={autostart}
           onPlay={onPlay}
           onPause={onPause}
           onComplete={onComplete}

src/containers/PlayerContainer/PlayerContainer.tsx

@@ -9,7 +9,6 @@ import Player from '#src/components/Player/Player';
 import type { JWPlayer } from '#types/jwplayer';
 import { useWatchHistoryStore } from '#src/stores/WatchHistoryStore';
 import { VideoProgressMinMax } from '#src/config';
-import useQueryParam from '#src/hooks/useQueryParam';
 
 type Props = {
   item: PlaylistItem;
@@ -23,6 +22,7 @@ type Props = {
   liveStartDateTime?: string | null;
   liveEndDateTime?: string | null;
   liveFromBeginning?: boolean;
+  autostart?: boolean;
 };
 
 const PlayerContainer: React.FC<Props> = ({
@@ -36,8 +36,8 @@ const PlayerContainer: React.FC<Props> = ({
   liveEndDateTime,
   liveFromBeginning,
   liveStartDateTime,
+  autostart,
 }: Props) => {
-  const autostart = useQueryParam('play') === '1';
   const { player, features } = useConfigStore((s) => s.config);
   const continueWatchingList = features?.continueWatchingList;
   const watchHistoryEnabled = !!continueWatchingList;

src/pages/ScreenRouting/mediaScreens/MediaMovie/MediaMovie.tsx

@@ -157,6 +157,7 @@ const MediaMovie: ScreenComponent<PlaylistItem> = ({ data, isLoading }) => {
               feedId={feedId ?? undefined}
               startWatchingButton={startWatchingButton}
               paywall={isLocked(accessModel, isLoggedIn, hasSubscription, data)}
+              autostart={play || undefined}
             />
           ) : (
             <Cinema

src/pages/ScreenRouting/mediaScreens/MediaSeriesEpisode/MediaSeriesEpisode.tsx

@@ -198,6 +198,7 @@ const MediaSeriesEpisode: ScreenComponent<PlaylistItem> = ({ data }) => {
               feedId={feedId ?? undefined}
               startWatchingButton={startWatchingButton}
               paywall={isLocked(accessModel, isLoggedIn, hasSubscription, episodeItem)}
+              autostart={play || undefined}
             />
           ) : (
             <Cinema