Javascript jQuery强制播放html5视频；画中画”；什么时候；我"；按键已按下

我可以使用

jquery

（或javascript）强制html5

video

播放器在

picture-in-picture

模式下播放吗？（下图）

这是我的个人网站，我正在使用

jquery3.3.1

（由谷歌托管）。现在，我设法使用

空格

栏来播放/暂停。这是我目前的代码：

<video id="player">
   <!-- source -->
</video>
<script>
player = $('#player')[0];

var player = $('#player')[0];
$(window).keydown(function(e) {
    switch(e.which){
        case(32):
            if(player.paused){
                player.play();
            } else{
                player.pause();
            }
        break; 
    }
});
</script>

玩家=$（“#玩家”）[0]；
var player=$（'#player'）[0]；
$（窗口）.keydown（函数（e）{
开关（e.which）{
案件（32）：
如果（播放器暂停）{
player.play（）；
}否则{
player.pause（）；
}
打破
}
});

这是上面的代码

---

i

键在

keydown

上是

73

这是可能的，尽管很明显（在回答这个问题时，这只是Chrome 70和71）

要使其工作，请在

开关中收听i键。然后您可以在播放器上调用
requestPictureInputure（）
，使其进入PIP模式。要在再次按i键时使切换生效，您需要检查
文档的
pictureInPictureElement
属性。如果它返回
true
，则PIP模式已在使用，您可以通过调用
document.exitPictureInPicture（）
来结束它，如下所示：


var-player=$（“#player”）[0]；
$（窗口）.keydown（函数（e）{
开关（e.which）{
案例32：
player.pause？player.play（）：player.pause（）；
打破
案例73：
if（player.requestPictureInPicture）{//功能检测以停止不受支持浏览器中的错误
if（document.pictureinpicturelement）{
document.exitPictureInPicture（）；
}否则{
player.requestPictureInPicture（）；
}
}
打破
}
});
视频{
宽度：450px；
}

如果我可以问一下，你在哪里找到的？有消息来源吗？我在Chrome开发者博客中找到了：。@Rorymcrossan-还有一个问题，它工作得很好，但在我按下
I
并进入PIP模式后，我必须在窗口内单击后退，然后才能再次按下
I
退出PIP。有没有办法把焦点放在窗户上？谢谢！是的，我注意到我自己在答案上加了一个便条。可以在超时的情况下将焦点返回到文档。让我试试。@EmanuelOnes似乎无法将焦点返回到原始窗口，因为PIP播放器作为单独的实例运行，因此在计时器中调用
focus（）
无效。