收藏
回答

视屏上加输入框怎么解决的?

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 需求 input & video 客户端 7.0.3 1.0.0

视频上面添加输入框,弹幕的效果


回答关注问题邀请回答
收藏

2 个回答

  • 社区技术运营专员-灵芝
    社区技术运营专员-灵芝
    2019-04-19

    input是原生组件,层级最高;video目前是同层渲染,可以正常设置层级,请知悉

    2019-04-19
    赞同
    回复 2
    • 🌙
      🌙
      2019-04-19

      谢了

      2019-04-19
      回复
    • 🌙
      🌙
      2019-04-20

      能加下你的微信嘛?

      还有个问题,做抖音类似翻页的视频,有比较好的解决办法嘛?

      2019-04-20
      回复
  • 微盟
    微盟
    2019-04-18

    视频类的组件 <live-player>、<video>,属于原生组件;

    如果要在这类原生组件上方显示元素,需要用到 <cover-view> 或 <cover-image> 组件;同时,<cover-view>内只可嵌套<cover-view>、<cover-image> 和 <button>;


    鉴于上面的规则,输入框的实现可以参考下面步骤:

    1、页面内添加不可见的<input>

    2、在视频上方使用 <cover-view> 实现输入框显示效果,点击获取 <input> 焦点,并在 <cover-view> 添加 <input> 输入的字符


    弹幕同理,但需要额外添加动画效果和位置计算


    2019-04-18
    赞同
    回复
登录 后发表内容