feat: Skip the autoplay if is playlist by passing the isPlayList to the video.js

frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx

@@ -1039,6 +1039,7 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
 
                       // other
                       useRoundedCorners: false,
+                      isPlayList: true,
                       previewSprite: {
                           url: 'https://deic.mediacms.io/media/original/thumbnails/user/thorkild/2ca18fadeef8475eae513c12cc0830d3.19990812hd_1920_1080_30fps.mp4sprites.jpg',
                           frame: { width: 160, height: 90, seconds: 10 },
@@ -1293,6 +1294,7 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
             poster: mediaData.data?.poster_url ? mediaData.siteUrl + mediaData.data.poster_url : '',
             previewSprite: mediaData?.previewSprite || {},
             useRoundedCorners: mediaData?.useRoundedCorners,
+            isPlayList: mediaData?.isPlayList,
             related_media: mediaData.data?.related_media || [],
             nextLink: mediaData?.nextLink || null,
             urlAutoplay: mediaData?.urlAutoplay || true,
@@ -2538,6 +2540,21 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
                         const hasNextVideo = mediaData.nextLink !== null;
 
                         if (!isEmbedPlayer && isAutoplayEnabled && hasNextVideo) {
+                            // If it's a playlist, skip countdown and play directly
+                            if (currentVideo.isPlayList) {
+                                // Clean up any existing overlays
+                                if (endScreen) {
+                                    playerRef.current.removeChild(endScreen);
+                                    endScreen = null;
+                                }
+                                if (autoplayCountdown) {
+                                    playerRef.current.removeChild(autoplayCountdown);
+                                    autoplayCountdown = null;
+                                }
+
+                                // Play next video directly without countdown
+                                goToNextVideo();
+                            } else {
                                 // Get next video data for countdown display - find the next video in related videos
                                 let nextVideoData = {
                                     title: 'Next Video',
@@ -2548,8 +2565,6 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
 
                                 // Try to find the next video by URL matching or just use the first related video
                                 if (relatedVideos.length > 0) {
-                                // For now, use the first related video as the next video
-                                // In a real implementation, you might want to find the specific next video
                                     const nextVideo = relatedVideos[0];
                                     nextVideoData = {
                                         title: nextVideo.title || 'Next Video',
@@ -2572,7 +2587,7 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
                                 // Show autoplay countdown
                                 autoplayCountdown = new AutoplayCountdownOverlay(playerRef.current, {
                                     nextVideoData: nextVideoData,
-                                countdownSeconds: 5,
+                                    countdownSeconds: 500,
                                     onPlayNext: () => {
                                         goToNextVideo();
                                     },
@@ -2588,6 +2603,7 @@ function VideoJSPlayer({ videoId = 'default-video' }) {
 
                                 playerRef.current.addChild(autoplayCountdown);
                                 autoplayCountdown.startCountdown();
+                            }
                         } else {
                             // Autoplay disabled or no next video - show regular end screen
                             showEndScreen();

frontend/src/static/js/components/VideoJS/VideoJSEmbed.jsx

@@ -16,6 +16,7 @@ import React, { useEffect, useRef } from 'react';
 const VideoJSEmbed = ({
     data,
     useRoundedCorners,
+    isPlayList,
     playerVolume,
     playerSoundMuted,
     videoQuality,
@@ -66,6 +67,7 @@ const VideoJSEmbed = ({
             window.MEDIA_DATA = {
                 data: data || {}, 
                 useRoundedCorners: useRoundedCorners,
+                isPlayList: isPlayList,
                 playerVolume: playerVolume || 0.5,
                 playerSoundMuted: playerSoundMuted || (urlMuted === '1'),
                 videoQuality: videoQuality || 'auto',

frontend/src/static/js/components/media-viewer/VideoViewer/index.js

@@ -392,6 +392,7 @@ export default class VideoViewer extends React.PureComponent {
                                         return React.createElement(VideoJSEmbed, {
                                             data: this.props.data,
                                             useRoundedCorners: site.useRoundedCorners,
+                                            isPlayList: !!MediaPageStore.get('playlist-id'),
                                             playerVolume: this.browserCache.get('player-volume'),
                                             playerSoundMuted: this.browserCache.get('player-sound-muted'),
                                             videoQuality: this.browserCache.get('video-quality'),