Untitled

<head>
<script src="https://cdn.podlove.org/web-player/5.x/embed.js"></script>
</head>

<div class="row">
    @foreach (var m in Model.Podcasts)
    {
        <div class="col-xl-12 mb-36">
            @await Html.PartialAsync("_ShowSinglePodcast", m)<!-- custom markup for the podcast player -->
        </div>
        if (m == Model.Podcasts.FirstOrDefault())
            continue;
        <div class="lazyloadEpisode" Episode="@m.Id"></div>
    }

    <script>
        podlovePlayer('#podcast_@Model.Podcasts.FirstOrDefault().Id', '/podcast/GetEpisodeModel?eps=@Model.Podcasts.FirstOrDefault().Id').then(function() {
            $('#LoadingIndicatorPodcast_@Model.Podcasts.FirstOrDefault().Id').remove();

            $('.lazyloadEpisode').each(function() {
                var epsId = $(this).attr('Episode');
                podlovePlayer('#podcast_' + epsId, '/podcast/GetEpisodeModel?eps=' + epsId + '').then(function() { $('#LoadingIndicatorPodcast_' + epsId + '').remove(); });
            });
        });
</script>

</div>