← 全部示例

操作 媒体

将视频切换为画中画

工具栏操作:将页面上最大的视频在浮动画中画窗口中打开或关闭。

可复制的代码

// 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); }
})();

如何使用此示例

  1. 用上方按钮复制代码。
  2. 安装 JustZix(2 分钟),在目标页面打开扩展。
  3. 添加一条匹配该页面的新规则。
  4. 启用操作面板,在「操作」选项卡中添加按钮并粘贴代码 — 一键运行。

为此示例评分

暂无评分 — 成为第一个。

此示例有效吗?

没有可粘贴的地方,代码片段毫无用处。

JustZix 安装只需 2 分钟,并在每个匹配的页面上运行你的代码。无需账户、无需付费。

免费下载 查看应用场景