Vue 如何实现画中画功能？

2019-09-01 10:43:47 +08:00
 hkitdog
如题，有相关例子吗，把视频缩放在右下角里，用户可以继续继续浏览其他视频列表，评论
6346 次点击
所在节点    Vue.js
5 条回复
nyaapass
2019-09-01 10:48:03 +08:00
Chrome 已经原生支持了，像斗鱼的画中画就是点击右上角按钮直接调用 Chrome 的
learnshare
2019-09-01 10:51:28 +08:00
跟 Vue 没啥关系，一种方案是启用原生的功能（如一楼），另一种方案是把播放器 fixed 到右下角
freewind
2019-09-01 10:55:13 +08:00
https://github.com/sampotts/plyr
https://github.com/redxtech/vue-plyr
sunjourney
2019-09-01 12:19:42 +08:00
用 dom 原生方便很多，vue、react 不支持 dom 元素跨层级移动，把 video 标签移动下就好，记得调用下 video.play()，每次 appendChild video 会自动暂停
lqfxz520
2019-09-02 11:38:35 +08:00
@nyaapass 你是斗鱼的程序员吗

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/596878

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX