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 ;
+ return (
+ <>
+
+ nextLink: {currentVideo.nextLink}
+ >
+ );
}
export default VideoJSPlayer;