video title and description does not update

[cmstroscio]

Hello,
First of all, this is a great tool. Thank you!

I have an app that filters a set of tiles / cards with videos in them (see screenshot). I'm having an issue where the user plays a video, then selects a new filter. The cards / tiles and video update as expected. However, the video title and description persist from the previously played video. In other words, the title and description do not update with the video.

I've installed the react-player-loader via npm and imported it into my app:
import ReactPlayerLoader from '@brightcove/react-player-loader';

Then I have an onSuccess function:

  let reactPlayerLoader;
  const onSuccess = function(success) {

    // The player object or iframe element (depending on embed type) can be
    // accessed in two ways.
    // 
    // From the success object passed to the `onSuccess` callback:
    console.log("success description", success.ref );

    // As a property of the component instance:

  };

And this is how I'm using the player loader component:
<ReactPlayerLoader videoId={videoLink.videoId} accountId={videoLink.accountId} playerId={videoLink.playerId} onSuccess={onSuccess}/>

I hope that makes sense. Please let me know if you need any more information. Any assistance you can provide would be great.

Thanks
Marshall

[misteroneill]

We're glad you're finding the tool useful, Marshall! That's an interesting issue, thanks for the report. I'm not sure what is going on.

Hopefully we can take a look at some point.

[cmstroscio]

Cool, please let me know if you figure anything out!

If you're interested or it helps debug, we went live with this project today:

https://www.netapp.com/us/data-visionary/index.aspx (scroll down to Data Visionary Stories)

For now, we've hidden the title and description with CSS on the big tiles at the top.

.n-content-hub__top-section--no-hover .vjs-dock-description, .n-content-hub__top-section--no-hover .vjs-dock-title { display: none; }