Buat penanda buku ciri video Picture-In-Picture anda sendiri
Imej muka depan oleh charlesdeluvio
...
Sesetengah tapak web & perkhidmatan penstriman video mempunyai ciri yang membolehkan anda menonton video dalam mod Picture-in-Picture, tetapi mereka mengunci ciri ini di sebalik beberapa jenis tembok berbayar atau menjadikannya satu kelebihan untuk memiliki langganan.
Sesetengah tapak web tidak mempunyai ciri ini sama sekali!
Saya rasa ini menjengkelkan, kerana ini adalah ciri yang terbina dalam semua penyemak imbas web moden dan percuma untuk digunakan bagi mereka yang tahu cara melakukannya tanpa usaha, pembelian, pemalam atau penggodaman khas.
Begini cara melakukannya:
Pilihan 1 - Masukkan kod melalui alat pembangun penyemak imbas web anda
- Buka alat pembangun penyemak imbas web anda (biasanya tekan kekunci F12 / klik kanan & pilih Inspect Element)
- Pergi ke tab Konsol
- Tampal kod berikut:
// find the video element (may not work on sites with multiple video elements, but works for most of the main sites) var vid = document.querySelector("video"); // remove the attribute that might stop us from launching the video in PiP vid.removeAttribute("disablePictureInPicture"); // finally, request the PiP vid.requestPictureInPicture();
Semuanya baik-baik saja, kini anda sepatutnya mempunyai video pop-keluar. Jika tidak, anda mungkin perlu mengubah suai document.querySelector("video") untuk memilih elemen video tertentu pada halaman.
Pilihan 2 - Buat butang Penanda Halaman untuk melancarkan PiP
Kod ini adalah sama seperti contoh dalam Pilihan 1, tetapi dilucutkan ke satu baris ke satu baris supaya ia boleh dilaksanakan sebagai URL.
Untuk menggunakannya, hanya:
- Pilih semua yang berikut dan seret dan lepas ke dalam bar penanda halaman penyemak imbas anda, atau
- Buat penanda halaman baharu yang dipanggil PiP dan tampal yang berikut sebagai URL penanda halaman: javascript: var vid=document.querySelector('video');vid.removeAttribute('disablePictureInPicture');vid.requestPictureInPicture();
- Klik penanda halaman untuk melancarkan PiP
Bagaimanakah "Bookmarklet" berfungsi?
Penanda halaman biasanya membawa anda ke halaman web baharu. Penanda buku ialah penanda halaman yang menjalankan javascript pada halaman semasa dan bukannya membawa anda ke halaman baharu. Untuk mengisytiharkan bahawa ia adalah penanda buku, "lokasi" yang ditunjukkannya bermula dengan javascript:.
— caseywatts
Keajaiban di sini, ialah penambahan javascript pada permulaan URL. Ini memberitahu penyemak imbas untuk melakukan tindakan pada halaman semasa, dan bukannya membawa anda ke halaman baharu.
Untuk mendapatkan maklumat lanjut tentang bookmarklet dan menjadi lebih kreatif dengannya, lihat penjelasan hebat ini daripada @caseywatts tentang Membuat Bookmarklet
...
Artikel asal: https://mothy.dev/posts/free-picture-in-picture
Atas ialah kandungan terperinci Buat penanda buku ciri video Picture-In-Picture anda sendiri. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Stock Market GPT
Penyelidikan pelaburan dikuasakan AI untuk keputusan yang lebih bijak

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Artikel ini akan memperkenalkan cara menggunakan JavaScript untuk mencapai kesan mengklik pada imej. Idea teras adalah menggunakan atribut data HTML5 untuk menyimpan laluan imej alternatif, dan mendengar klik acara melalui JavaScript, secara dinamik menukar atribut SRC, dengan itu menyedari penukaran imej. Artikel ini akan memberikan contoh dan penjelasan kod terperinci untuk membantu anda memahami dan menguasai kesan interaktif yang biasa digunakan ini.

Pertama, periksa sama ada penyemak imbas menyokong GeolocationAPI. Jika disokong, hubungi getCurrentPosition () untuk mendapatkan koordinat lokasi semasa pengguna, dan dapatkan nilai latitud dan longitud melalui panggilan balik yang berjaya. Pada masa yang sama, berikan pengecualian pengendalian panggilan balik ralat seperti kebenaran penafian, ketiadaan lokasi atau tamat masa. Anda juga boleh lulus dalam pilihan konfigurasi untuk membolehkan ketepatan yang tinggi, menetapkan tempoh masa dan tempoh kesahihan cache. Seluruh proses memerlukan kebenaran pengguna dan pengendalian ralat yang sepadan.

TheBestatorreateamulti-LinestringinjavascriptsisingSisisingTemplatalAlalSwithBackTticks, yangPreserveticks, whoPreserverekeandeexactlyaswritten.

Tutorial ini menerangkan secara terperinci bagaimana untuk memformat nombor ke dalam rentetan dengan dua perpuluhan tetap dalam JavaScript, walaupun bilangan bulat boleh dipaparkan dalam bentuk "#.00". Kami akan memberi tumpuan kepada penggunaan number.Prototype.TOfixed (), termasuk sintaksnya, fungsi, kod sampel, dan mata utama yang perlu diperhatikan, seperti jenis pulangannya sentiasa menjadi rentetan.

Penggunaan teras API komposisi NUXT3 termasuk: 1. DefinePagemeta digunakan untuk menentukan maklumat meta halaman, seperti tajuk, susun atur dan middleware, yang perlu dipanggil terus di dalamnya dan tidak boleh diletakkan dalam pernyataan bersyarat; 2. Usehead digunakan untuk menguruskan tag header halaman, menyokong kemas kini statik dan responsif, dan perlu bekerjasama dengan DefinePagemeta untuk mencapai pengoptimuman SEO; 3. UseasyncData digunakan untuk mendapatkan data asynchronous secara selamat, secara automatik mengendalikan status pemuatan dan ralat, dan menyokong kawalan pemerolehan data pelayan dan klien; 4. UseFetch adalah enkapsulasi useasyncdata dan $ ambil, yang secara automatik memasuki kunci permintaan untuk mengelakkan permintaan pendua

Untuk membuat selang pengulangan dalam JavaScript, anda perlu menggunakan fungsi setInterval (), yang akan berulang kali melaksanakan fungsi atau blok kod pada selang milisaat tertentu. Sebagai contoh, setInterval (() => {console.log ("melaksanakan setiap 2 saat");}, 2000) akan mengeluarkan mesej setiap 2 saat sehingga dibersihkan oleh ClearInterval (intervalid). Ia boleh digunakan dalam aplikasi sebenar untuk mengemas kini jam, pelayan pengundian, dan lain -lain, tetapi memberi perhatian kepada had kelewatan minimum dan kesan masa pelaksanaan fungsi, dan membersihkan selang waktu ketika tidak lagi diperlukan untuk mengelakkan kebocoran ingatan. Terutama sebelum pemotongan komponen atau penutupan halaman, pastikan bahawa

Artikel ini bertujuan untuk menyelesaikan masalah kembali null apabila mendapatkan unsur -unsur DOM melalui document.getElementById () dalam JavaScript. Inti adalah untuk memahami masa pelaksanaan skrip dan status parsing DOM. Dengan betul meletakkan tag atau menggunakan acara domcontentloaded, anda dapat memastikan bahawa elemen itu dicuba lagi apabila ia tersedia, dengan berkesan mengelakkan kesilapan tersebut.

Gunakan kaedah WriteText Clipboardapi untuk menyalin teks ke papan klip, ia perlu dipanggil dalam konteks keselamatan dan interaksi pengguna, menyokong penyemak imbas moden, dan versi lama boleh diturunkan dengan execcommand.
