B 站 Web 端推出了小窗口视频播放功能

[korokke]

收到了消息，马上试了一下，还真是挺方便🍻🍻🍻


[pod]

看张三还记笔记的，你算少数人了

[whypool]

这不是浏览器自带的画中画？

[garlics]

挺有意思的，进来之前还以为是在网页内小窗播放。不知道这是 Chrome 多少更新的特性哈

[korokke]

@pod 这个官方的图啦😂

[virayer]

感觉照搬这个
https://chrome.google.com/webstore/detail/picture-in-picture-for-ev/hepbieccgbieoeaigepkojmogpkjfpin

[onionnews]

腾讯视频 直播网站都有

[mgrddsj]

@garlics YouTube 上面这个按钮是网页内小窗，没啥用。但是，在 YouTube 的视频上右键两次，会弹出 Chrome 自带的视频播放右键菜单，里面就有真正的画中画了。

[Takuron]

@pod 代表国家就地犬决楼主😂

[wunonglin]

这个本来就是浏览器自带的画中画

[waising]

firefox 新版自带画中画

[hanguokai]

这个技术是浏览器(Chrome)自带的画中画功能，Chrome 已经推出一年多了。国内其它几大视频网站基本上去年就做了支持，Bilibili 是刚刚支持的（“支持”是指在播放器界面中加上画中画按钮）。我做的这个扩展去年就给 bilibili 加上了这个功能（通过快捷键开启关闭） https://chrome.google.com/webstore/detail/ffoljpljalicgkljioegejmigkkkincm。

[hanguokai]

https://chrome.google.com/webstore/detail/ffoljpljalicgkljioegejmigkkkincm （去掉了上面链接末尾的句号，否则点击出错）

[hanguokai]

没有任何封装的纯 <video> 元素，右键菜单就这个画中画功能，https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video。如果你想自己实现播放器的画中画功能，可以参考这个资料，很简单的 api https://developers.google.com/web/updates/2018/10/watch-video-using-picture-in-picture

[hanguokai]

不好意思，上面的链接末尾不小心又跟了一个句号，导致链接问题，请自行手工复制链接。

@Livid V2EX 好像有个 bug，链接 + 空格 + 句号 ，发出去之后自动把链接和句号之间的空格“吃掉了”，导致链接和后面的所有内容连在一起了。我一开始以为自己手误，但后来发现好像是 V2EX 自动的行为。

[Livid]

@hanguokai 收到。

[Livid]

@hanguokai 已复现。确实会有这个问题。感谢反馈。