hkitdog
V2EX  ›  Vue.js

Vue 如何实现画中画功能?

  •  
  •   hkitdog · Sep 1, 2019 via iPhone · 6938 views
    This topic created in 2468 days ago, the information mentioned may be changed or developed.
    如题,有相关例子吗,把视频缩放在右下角里,用户可以继续继续浏览其他视频列表,评论
    5 replies    2019-09-02 11:38:35 +08:00
    nyaapass
        1
    nyaapass  
       Sep 1, 2019
    Chrome 已经原生支持了,像斗鱼的画中画就是点击右上角按钮直接调用 Chrome 的
    learnshare
        2
    learnshare  
       Sep 1, 2019
    跟 Vue 没啥关系,一种方案是启用原生的功能(如一楼),另一种方案是把播放器 fixed 到右下角
    sunjourney
        4
    sunjourney  
       Sep 1, 2019
    用 dom 原生方便很多,vue、react 不支持 dom 元素跨层级移动,把 video 标签移动下就好,记得调用下 video.play(),每次 appendChild video 会自动暂停
    lqfxz520
        5
    lqfxz520  
       Sep 2, 2019
    @nyaapass 你是斗鱼的程序员吗
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5644 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 55ms · UTC 01:49 · PVG 09:49 · LAX 18:49 · JFK 21:49
    ♥ Do have faith in what you're doing.