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);

@ibrahimodev, bunu aşmanın en iyi yolu sürekli pratik yapmak. İlk başlarda bildiğin dillerde nasıl yaptığını düşünüp başka dillerde bunu deneyeceksin.
bir noktadan sonra zaten aslında o işlemler için o dile has yenilikler olduğunu farkedip onları kullanmaya başlayacaksın.
belkide başlangıç olarak backendi bir kenara bırakıp önce back-end ve front-end'i ayırarak başlayabilirsin.
ön tarafı için react kullanmaya başlayabilirsin, api tarafında php ile hatta lumen kullanıp devam edebilirsin.
bir noktadan sonra react tarafında javascript'e o kadar alışacaksın ki artık backend içinde zamanı geldi deyip kendini denemeye başlayabileceksin.