uni-app中覆盖视频（原生子窗体）、视频下载

最新推荐文章于 2024-07-31 18:23:32 发布

一只叮code的小蚊子

最新推荐文章于 2024-07-31 18:23:32 发布

阅读量4k

点赞数 3

分类专栏： JavaScript 文章标签： uniapp下载视频 uniapp中使用nvue uniapp中覆盖视频 uniapp中app权限 ios保存视频

本文链接：https://blog.csdn.net/zjw222/article/details/104812848

版权

本文介绍了如何在uni-app中利用原生子窗体覆盖视频，探讨了Android和iOS的不同表现及处理方法。同时，文章讨论了在APP端和微信小程序端显示下载进度的问题，以及安卓和iOS平台视频下载的差异，包括权限管理和文件保存步骤。

摘要由CSDN通过智能技术生成

在uni-app中，使用video时，要在视频上覆盖内容，并且要兼容app端，安卓端的适配还好做点，但是ios的话，就弄了我好久，搞了大半天才搞定，这里记录下

1.微信小程序端

视频做的是全屏显示的视频，使用cover-view和cover-image对视频进行覆盖，不过，cover-view也有很多限制，像文字多行省略，这个没找到方式，单行的省略就直接用普通就可以了

使用cover-view做三角形也是行不通的，但是你在开发者工具上是没有问题，能够正常显示的，所以，在cover-iew中，要想做三角形的效果，只能用图片来代替

2.APP端

使用原生子窗体对video进行覆盖，在视频的那个vue文件中，新建立nvue文件，可以建立多个原生子窗体
在page.json中

{
    "path": "pages/videolist/videolist",
    "style": {
        "navigationBarTitleText": "视频列表",
        "navigationBarBackgroundColor": "#ffffff",
        "navigationBarTextStyle": "black",
        "app-plus": {
            "bounce": "none",
            "pullToRefresh": {
                "support": false
            },
            "subNVues": [{
                "id": "videoChild",
                "path": "pages/videolist/index",
                "style": {
                    "position": "absolute",
                    "left": "0px",
                    "top": "