Custom JS is not working in custom view page in RelationshipManager

    public function boot(): void
    {
        FilamentAsset::register([
            Js::make('video-js', 'https://cdn.jsdelivr.net/npm/[email protected]/dist/video.min.js'),
            Js::make('videojs-contrib-eme', 'https://cdn.jsdelivr.net/npm/[email protected]/dist/videojs-contrib-eme.min.js'),
            Css::make('video-css', 'https://cdn.jsdelivr.net/npm/[email protected]/dist/video-js.min.css'),
        ]);

    }

    public function infolist(Infolist $infolist): Infolist
    {
        return $infolist
            ->schema([
                View::make('filament.pages.series.episodes.video')
                    ->columnSpanFull()
                    ->viewData(['drmData' => $this->drmData])
            ]);
    }

@if($getRecord())

    <div class="h-screen flex justify-center gap-3 w-full">
        <div class="h-screen aspect-video ">
             <video id="video-player" class="video-js vjs-default-skin vjs-16-9" controls data-setup="{}" />
        </div>
    </div>
    @push('scripts')
        <script>
            var drmData = {!! json_encode($drmData, JSON_HEX_TAG) !!};
        </script>
        <script type="text/javascript" src="{{ asset('js/pallycon-helper.js') }}"></script>
        <script type="text/javascript" src="{{ asset('js/video-player.js') }}"></script>
    @endpush
@endif