视频类的组件 <live-player>、<video>,属于原生组件;
如果要在这类原生组件上方显示元素,需要用到 <cover-view> 或 <cover-image> 组件;同时,<cover-view>内只可嵌套<cover-view>、<cover-image> 和 <button>;
鉴于上面的规则,输入框的实现可以参考下面步骤:
1、页面内添加不可见的<input>
2、在视频上方使用 <cover-view> 实现输入框显示效果,点击获取 <input> 焦点,并在 <cover-view> 添加 <input> 输入的字符
弹幕同理,但需要额外添加动画效果和位置计算