Chrome70 画中画模式

近期偶尔看一些用原生(注意是纯原生)video视频时候、发现多出个选择“画中画模式”、的确近期Chrome确实有很多大更新、包括更新了近十年、近十年 😑没有更新的UI 也更新到了 Material Design；

but 👻回归正题；  为什么要说是原生的video才会有画中画呢； 因为但凡是稍微大型的网站都会对video二次开发，为什么要二次开发？ 当然是防止人们嘿嘿嘿…；心疼充值视频会员的钱、打起技术改变世界的念头(于是f12看能不能下载下来😍)、但是最终大多数以失败告终😂。 于是像画中画模式这样新的api、自然不在他们的开发更新范围内，所以很少见到；以后应该就会多起来吧。

说说api吧~

video.requestPictureInPicture()

进入画中画模式;

document.exitPictureInPicture();

退出画中画模式;

当然了、怎能缺少事件监听呢。

// 进入画中画模式时候执行
video.addEventListener('enterpictureinpicture', function() {
  // 已进入画中画模式
});

// 退出画中画模式时候执行
video.addEventListener('leavepictureinpicture', function() {
  // 已退出画中画模式
});

当然现在也只有最新Chrome支持这一特性；不过以后应该都会更新到的吧😆~