YouTube, LinkedIn, Facebook veya herhangi bir video bulunan sayfalarda videoları picture in picture modunda izlemek için kullandığım kodu sizinle paylaşıyorum. Bu kodu yazıdaki adımları takip ederek herhangi bir tarayıcıya ekleyerek herhangi bir videoyu (%99) picture in picture (pip) moduna yani yüzen video moduna getirebilirsiniz?

Picture in Picture Özelliği Nasıl Eklenir?

Herhangi bir tarayıcıyı kullanabilirsiniz. Ekleyeceğimiz kodu yer işaretleri özelliği bulunan bir tarayıcıya eklenmesi gerekiyor.

Öncelikle yer işaretleri düzenleme sayfasında giderek yeni bir yer işareti ekleyin. Çoğu tarayıcı (Google misal) yeni eklemeye izin vermiyor. Bu sebeple herhangi bir sayfayı, URL’i ekleyip ilgili yer işaretini düzenleyin.

Düzenleme ekranında URL kısmına aşağıdaki kodu ekleyin.

javascript: (function() {
    let video = document.querySelector('video');
    if (video) {
        video.requestPictureInPicture();
    } else {
        alert("Video bulunamadı");
    }
})();

Bu kısa kod sayesinde ilgili sayfada bu yer işaretine tıkladığınızda sayfada video varsa picture in picture moduna girecek, yoksa uyarı verecek.

Google Chrome ve Edge tarayıcısında denedim. Birçok popüler platform için çalıştı.