小程序
小游戏
企业微信
微信支付
扫描小程序码分享
视频上面添加输入框,弹幕的效果
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> 输入的字符
弹幕同理,但需要额外添加动画效果和位置计算