开发者社区> 问答> 正文

如图,视频点播最新版本的Flutter SDK,开始播放后,进度条被覆盖到播放器后面了怎么办?

视频点播最新版本的Flutter SDK,开始播放后,进度条被覆盖到播放器后面了怎么办?
04b4092bbfd24a7fbc83a2ffc9ce260a.png
5.4.0版本是正常的,新版本就有问题,这个难道没遇到过吗

展开
收起
乐天香橙派 2023-07-25 20:33:12 99 0
4 条回答
写回答
取消 提交回答
    1. 检查布局层级:确保播放器组件和进度条组件在正确的布局层级中,并且播放器在进度条上方。可以使用布局控件(如Stack)来确保正确的层级关系。

    2. 调整尺寸和位置:尝试调整播放器和进度条的尺寸和位置,确保它们可以正确地显示在UI中,并且不会相互遮挡。

    3. 使用透明背景:确保播放器组件和进度条组件的背景设置为透明,以免遮挡视频内容。可以使用透明背景的方式来保证播放器和进度条在视觉上不会相互遮挡

    2023-07-29 21:07:48
    赞同 展开评论 打赏
  • 没有,用我们官网 Demo 可以复现么?—此回答来自钉群“阿里云-VOD-视频点播-技术交流(进群先看公告)”

    2023-07-26 10:11:29
    赞同 展开评论 打赏
  • 如果在使用视频点播的最新版本Flutter SDK时,播放开始后进度条被覆盖到播放器后面,您可以尝试以下解决方法:

    1. 调整布局层次结构:检查您的布局层次结构,确保进度条组件位于播放器组件之上。您可以使用Flutter提供的Stack或Overlay组件来管理不同组件的叠放顺序。

    2. 使用透明背景:将进度条组件的背景设置为透明色,以便播放器能够显示在进度条之前。

    3. 调整尺寸和位置:调整进度条组件的尺寸和位置,确保其不会遮挡播放器。您可以使用Flutter提供的布局和定位组件(如Container、Align、Positioned等)来调整组件的大小和位置。

    4. 检查样式和主题:确保您没有为进度条组件设置了不正确的样式或主题,导致其显示异常。

    2023-07-25 22:17:25
    赞同 展开评论 打赏
  • 北京阿里云ACE会长

    如果你在使用平头哥视频点播服务的最新版本Flutter SDK时,发现进度条被覆盖到播放器后面,可能是因为播放器的z-index(层级)设置不正确所导致的。你可以尝试在Flutter代码中调整播放器和进度条的z-index,以确保播放器在进度条之上显示。

    2023-07-25 21:20:18
    赞同 展开评论 打赏
来源圈子
更多
收录在圈子:
+ 订阅
问答排行榜
最热
最新

相关电子书

更多
基于flutter的产品应用实践 立即下载
《Flutter in action》 立即下载
闲鱼《Flutter 技术解析与实战》 立即下载