小程序
小游戏
企业微信
微信支付
扫描小程序码分享
视频上面添加输入框，弹幕的效果
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
input是原生组件，层级最高；video目前是同层渲染，可以正常设置层级，请知悉
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
谢了
能加下你的微信嘛？
还有个问题，做抖音类似翻页的视频，有比较好的解决办法嘛？
视频类的组件 <live-player>、<video>，属于原生组件；如果要在这类原生组件上方显示元素，需要用到 <cover-view> 或 <cover-image> 组件；同时，<cover-view>内只可嵌套<cover-view>、<cover-image> 和 <button>；
视频类的组件 <live-player>、<video>，属于原生组件；
如果要在这类原生组件上方显示元素，需要用到 <cover-view> 或 <cover-image> 组件；同时，<cover-view>内只可嵌套<cover-view>、<cover-image> 和 <button>；
鉴于上面的规则，输入框的实现可以参考下面步骤：
1、页面内添加不可见的<input>
2、在视频上方使用 <cover-view> 实现输入框显示效果，点击获取 <input> 焦点，并在 <cover-view> 添加 <input> 输入的字符
弹幕同理，但需要额外添加动画效果和位置计算
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
input是原生组件，层级最高；video目前是同层渲染，可以正常设置层级，请知悉
谢了
能加下你的微信嘛？
还有个问题，做抖音类似翻页的视频，有比较好的解决办法嘛？
鉴于上面的规则，输入框的实现可以参考下面步骤：
1、页面内添加不可见的<input>
2、在视频上方使用 <cover-view> 实现输入框显示效果，点击获取 <input> 焦点，并在 <cover-view> 添加 <input> 输入的字符
弹幕同理，但需要额外添加动画效果和位置计算