Video doesn't work right when changing vid and playauth in props.config

[imbant]

It seems window.Aliplayer could have only one object.So when changing config.vid,this method in useEffect just return.

aliplayer-react/src/index.tsx

Line 26 in 58d9eeb

if (player.current) { return }

Any idea how to solve this please?

[wangsijie]

Maybe we can run a deeper comparison, detect vid change and get a new instance?

[imbant]

Maybe we can run a deeper comparison, detect vid change and get a new instance?

Sure.When changing vid, dispose method in old player instance should be called,and no more <script> should be created.
This will make the component more 'Reactive' since the component really changed after props changing.

So sorry for my broken English and thanks for your reply anyway :)

[lunaverge]

Hello, how to destroy it? I'm still working on it, but I haven't solved it yet

[wangsijie]

Hello, how to destroy it? I'm still working on it, but I haven't solved it yet

player.dispose()

[imbant]

Hello, how to destroy it? I'm still working on it, but I haven't solved it yet

player.dispose()

It seems I made a mistake.According to the documentation, only flash player could be disposed by player.dispose().
And H5 player should use player.replayByVidAndPlayAuth to change vid,instead of destorying it（reloading the component）.

BTW there is another problem about reloading the component:
If you need iOS H5 player autoPlay feature, DON'T reload the component when changing vid, use player.replayByVidAndPlayAuth.
At the first time the component mounted, player still could not auto play(maybe a bug?),but after player.replayByVidAndPlayAuth,autoPlay works well.