Subtitles are not working from s3 bucket url

[tyagi-bhoopesh]

I implemented the mediaelement into Angular v15, it doesn't show subtitles into ui.
here is my code for angular.
here is part of html code:

<video id="demo" width="100%" tabindex="0" style="max-width: 100%" preload="none" (play)="videoPlayed()" #videoPlayer>

Your browser does not support HTML5 video.

<track *ngFor="let i of vttlangs" src="{{i.signedUrl}}" kind="subtitles" srclang="{{i.langCode}}"
label="{{i.langName}}">

here is part of typescript implementation.

this.videoplayer.nativeElement.onloadeddata = () => {
this.video = new MediaElementPlayer(this.videoplayer.nativeElement, {
iconSprite: 'assets/img/mejs-controls.svg',
features: ["playpause", "volume", "current", "progress", "tracks", "markers", "fullscreen"],
alwaysShowControls:true,
hideCaptionsButtonWhenEmpty:false,
startLanguage: 'en',
success: (mediaelement: any) => {
mediaelement.pause();
}
});

it works when i added vtt files from asset folder, but i need to get from s3 bucket url.