← Tutti gli esempi

Azione Media

Video in picture-in-picture

Azione della barra che apre il video più grande della pagina in una finestra mobile o la chiude.

Codice da copiare

// Toolbar action: pop the largest playing video into Picture-in-Picture.
(async function () {
  if (!document.pictureInPictureEnabled) {
    alert('Picture-in-Picture is not supported in this browser.');
    return;
  }
  if (document.pictureInPictureElement) {
    await document.exitPictureInPicture();
    return;
  }
  var videos = Array.prototype.slice.call(document.querySelectorAll('video'));
  videos.sort(function (a, b) {
    return (b.clientWidth * b.clientHeight) - (a.clientWidth * a.clientHeight);
  });
  var target = videos[0];
  if (!target) { alert('No video found on this page.'); return; }
  try { await target.requestPictureInPicture(); }
  catch (e) { alert('Could not start Picture-in-Picture: ' + e.message); }
})();

Come usare questo esempio

  1. Copia il codice con il pulsante qui sopra.
  2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
  3. Aggiungi una nuova regola corrispondente a quella pagina.
  4. Attiva il pannello azioni, aggiungi un pulsante nella scheda Azioni e incollaci il codice — lo avvii con un clic.

Valuta questo esempio

Nessuna valutazione — sii il primo.

Questo esempio funziona?

Gli snippet sono inutili senza un posto dove incollarli.

JustZix si installa in 2 minuti ed esegue il tuo codice su ogni pagina corrispondente. Senza account, senza pagamento.

Scarica gratis Guarda i casi d'uso