diff --git a/frontend-tools/video-js/src/components/controls/NextVideoButton.js b/frontend-tools/video-js/src/components/controls/NextVideoButton.js index e41454a2..61d05be2 100644 --- a/frontend-tools/video-js/src/components/controls/NextVideoButton.js +++ b/frontend-tools/video-js/src/components/controls/NextVideoButton.js @@ -6,6 +6,7 @@ const Button = videojs.getComponent('Button'); class NextVideoButton extends Button { constructor(player, options) { super(player, options); + this.nextLink = options.nextLink || ''; } createEl() { @@ -42,6 +43,7 @@ class NextVideoButton extends Button { } handleClick() { + console.log('NextVideoButton handleClick', this.nextLink); this.player().trigger('nextVideo'); } } diff --git a/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx b/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx index 28f57582..8dc14f96 100644 --- a/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx +++ b/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.jsx @@ -562,6 +562,7 @@ function VideoJSPlayer() { }, siteUrl: '', hasNextLink: true, + nextLink: 'https://demo.mediacms.io/view?m=YjGJafibO', }, [] ); @@ -588,6 +589,7 @@ function VideoJSPlayer() { poster: mediaData.siteUrl + mediaData.data?.poster_url || '', previewSprite: mediaData?.previewSprite || {}, related_media: mediaData.data?.related_media || [], + nextLink: mediaData.nextLink || '', sources: mediaData.data?.original_media_url ? [ { @@ -1023,7 +1025,9 @@ function VideoJSPlayer() { // BEGIN: Implement custom next video button if (mediaData.hasNextLink) { - const nextVideoButton = new NextVideoButton(playerRef.current); + const nextVideoButton = new NextVideoButton(playerRef.current, { + nextLink: mediaData.nextLink, + }); const playToggleIndex = controlBar.children().indexOf(playToggle); // Insert it after play button controlBar.addChild(nextVideoButton, {}, playToggleIndex + 1); } @@ -1659,7 +1663,12 @@ function VideoJSPlayer() { }; }, []); - return