V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
hkitdog
V2EX  ›  Vue.js

Vue 如何实现画中画功能?

  •  
  •   hkitdog · 2019-09-01 10:43:47 +08:00 via iPhone · 6325 次点击
    这是一个创建于 1671 天前的主题,其中的信息可能已经有所发展或是发生改变。
    如题,有相关例子吗,把视频缩放在右下角里,用户可以继续继续浏览其他视频列表,评论
    5 条回复    2019-09-02 11:38:35 +08:00
    nyaapass
        1
    nyaapass  
       2019-09-01 10:48:03 +08:00
    Chrome 已经原生支持了,像斗鱼的画中画就是点击右上角按钮直接调用 Chrome 的
    learnshare
        2
    learnshare  
       2019-09-01 10:51:28 +08:00
    跟 Vue 没啥关系,一种方案是启用原生的功能(如一楼),另一种方案是把播放器 fixed 到右下角
    sunjourney
        4
    sunjourney  
       2019-09-01 12:19:42 +08:00
    用 dom 原生方便很多,vue、react 不支持 dom 元素跨层级移动,把 video 标签移动下就好,记得调用下 video.play(),每次 appendChild video 会自动暂停
    lqfxz520
        5
    lqfxz520  
       2019-09-02 11:38:35 +08:00
    @nyaapass 你是斗鱼的程序员吗
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2836 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 13:19 · PVG 21:19 · LAX 06:19 · JFK 09:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.