movable-view怎样配合video

欢迎到专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。

在 App 端（安卓、iOS），由于 video 属于原生组件，层级高于普通前端组件，直接在 movable-view 中嵌套 <video> 会导致无法拖拽或不显示的问题。根据官方文档说明，除了 H5 端和 app-nvue 端，其他平台（包括 app-vue）不支持在 movable-view 中内嵌 video 等原生组件。

要实现视频可随意拖拽，可以参考以下方案：

方案一：使用 app-nvue 页面
在 app-nvue 端，原生组件不存在层级覆盖问题，支持在 movable-view 中内嵌 video 组件。你可以将页面后缀改为 .nvue，并使用 movable-area 和 movable-view 包裹 video 组件来实现拖拽。

方案二：使用 renderjs 或 web-view（适用于 app-vue）
在 app-vue 页面中，如果需要拖拽视频，可以避免使用原生的 <video> 组件，改用普通的 html5 video。

1. 使用 renderjs，在渲染层直接创建 video 组件，这样就不会有原生组件层级限制，可以使用 movable-view 进行拖拽。插件市场有这方面的插件。
2. 使用 web-view 组件加载一个包含普通 h5 video 的 html 页面，将其放入 movable-view 中进行拖拽。

以上方案均基于官方文档和社区反馈，你可以根据实际项目需求选择合适的方案。

相关文档：

• movable-view 组件
• video 组件
• 社区相关问题