bunun için neden css kullanmıyorsun, özel bir sebebi mi var?

<div style="background: green"> ... </div>

ya da css değişkenleri;

<div class="content" style="--color: green"> .. </div>
<style>
    .content {
        background: var(--color, #000); /* 2. parametre fallback */
    }
</style>

neden oluştururken direk ilgili klasöre oluşturmuyorsun? boşu boşuna rename() ile uğraşmadan direk ilgili klasöre yol verip oluşturabilirsin.

$.player fonksiyonunu şöyle değiştir

$.player = function(ses='uyari.wav',tip='wav', callback) {
    $('.player').html('<audio autoplay="autoplay"><source src="ses/'+ses+'" type="audio/'+tip+'" /></audio>');
    $('.player audio')[0].on('ended', callback);
};

ve şöyle kullan;

$.player('open.mp3','mp3', function() {
    window.location.href='./';
});

reverse engineering ile yapanlar var ama bu ileri seviye bilgi gerektiren bir konu, kolay yoldan yapabileceğin tek şey official whatsapp api'leri kullanmak ya da unofficial olanlara aylık ödeme yapıp kullanmak olur.

iframe içeriğine ulaşmak için jquery'de .contents() metodunu kullanabilirsin ama güvenlikten dolayı büyük ihtimalle erişmen mümkün değil dolayısı ile istediğin şeyde bu aşamada pek mümkün görünmüyor :)

Çünkü iframe'i yeni bir url'le değiştirmek farklı şey, o çerçevenin içinden değer almak bambaşka. Eskiden tarayıcılar izin veriyordu ama artık muhtemelen vermiyordur.

Denemesi bedava tabi ki şu kodu deneyebilirsin

function switchVideo(videoId) {
    $(".video-container iframe").attr('src', 'https://open.spotify.com/embed/episode/' + videoId + '?utm_source=generator');
    $(".selected").removeClass('selected');
    $("#vid-" + videoId).addClass('selected');
    
    // iframe içinden <title> değerini almaya çalışır
    const title = $(".video-container iframe").contents().find('title').html()
} 

muhtemelen tarayıcı bunu neden yapamayacağını daha net söyleyecektir console'da.

eğer 2mb üstü bir görseli webte yüklemeye çalıştığında yine yükleyemiyorsan sebebi yükleme sınırıyla alakalıdır.
mobil telefondaki fotoğraflar yüksek kalitede olduğu için çoğu bu sınırı aşıyor ve böyle bir problem yaşanıyor, benim de daha önce başıma gelmişti.
phpde yükleme limitlerini yükseltmeyi deneyip tekrar deneyebilirsin

tam olarak problemini tarif eden ve çözümünü üreten bir makale var:
https://uxdesign.cc/position-stuck-96c9f55d9526

ayrıca problemin neden olduğuyla ilgileniyorsan basit bir açıklama:
https://stackoverflow.com/questions/37752448/css-position-sticky-and-overflow#answers-header

sonuç olarak ya belli bir yüksekliğin olmalı ya da birkaç javascript trick ihtiyacın olacak bunu yapabilmek için

test ettim kodunda bir sorun yok, belki büyük harf yazmaman gerekir GLOBAL i küçült her ihtimale karşı, en kötü ihtimalle şöyle kullanabilirsin

$Count = 1;

function Test($Parameter)
{
    return $GLOBALS['Count'] + $Parameter;
}

echo Test(10);