change video and end callback inside angular controller

[sanjib-dev]

Please advice how to implement this functionalities.
this is my start initialization - working fine
$scope.media_setup = { sources: [ { src: "https://d24uab5gycr2uz.cloudfront.net/stockmarketexperts-output/output/lecture-3-video-3-factors-of-fundamental-analysis-sd.m3u8", type: "application/x-mpegURL", } ] };

then

$scope.changeVideo = function(){ $scope.playInstance.media_setup = { sources: [ { src: "https://d24uab5gycr2uz.cloudfront.net/stockmarketexperts-output/output/lecture-3-video-3-factors-of-fundamental-analysis-sd.m3u8", type: "application/x-mpegURL", } ] }; };

$scope.$on('vjsVideoReady',function(e,data){ $scope.playInstance = data.player; });
this is not working

tried also
$scope.$on('$destroy',function(){
$scope.playInstance.dispose();
});

still no luck

display file

<video id="my_video_1"  class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" vjs-media="media_setup" vjs-video vjs-setup='{ "playbackRates": [0.5, 1, 1.5, 2] }'>
        
    </video>

    <button ng-click="changeVideo()">Change</button>

[sanjib-dev]

manage to make this work like this which mentioned in an earlier post
$scope.$on('vjsVideoReady',function(e,data){
$scope.playInstance = data.player;
$scope.playInstance.on('ended',function(e){
console.log('ended');
});
});

[ghost]

@sanjib-dev So are you trying to play another video after the first one ends? If so, you can do this using vjs-media as mentioned in #13. Let me know if that works for you.

[sanjib-dev]

I am trying to load a new video if user clicks on the next item.
my initial problem is resolved, but now can it be possible to change vjs-setup inside angular controller?
as i tried to load my custom playlist with local videos as well as youtube videos
one more thing.. can it be possible to add a adaptive control bar. i am using m3u8 master playlist to play videos with contrib-hls plugin