Request Picture-in-Picture in Google Chrome bookmark

pip.js

/* Check if pip feature is present in browser */
if (
  'pictureInPictureEnabled' in document &&
  'querySelectorAll' in document
) {
  async function pip() {
    /* Select all video elements */
    const videos = document.querySelectorAll('video');

    if (videos.length === 0) {
      window.alert('Sorry, no videos on the page.');
    } else if (videos.length > 0) {
      /* I assume main video in the document is the first one */
      const firstVideo = videos[0];

      try {
        if (firstVideo !== document.pictureInPictureElement) {
          /* Request Picture-in-Picture */
          await firstVideo.requestPictureInPicture();
        } else {
          /* Exit Picture-in-Picture */
          await document.exitPictureInPicture();
        }
      } catch (error) {
        console.error(error);
      }
    }
  }

  /* Call async pip function */
  pip();
} else if (!('pictureInPictureEnabled' in document)) {
  window.alert('Picture-in-Picture is disabled.');
} else if (!document.pictureInPictureEnabled) {
  window.alert('Picture-in-Picture not available.');
}