hkitdog
V2EX  ›  Vue.js

Vue 如何实现画中画功能?

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