uniapp前端页面里的视频太大，加载慢，怎么做视频分割加载，我在网上搜到的下面方法有问题，怎么修改好

爱吃玉米的螃蟹

已于 2024-03-18 16:59:39 修改

阅读量736

点赞数 9

分类专栏： uniapp 文章标签： uni-app

于 2024-03-18 10:28:00 首次发布

本文链接： https://blog.csdn.net/maliao5/article/details/136801666

版权

uniapp 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

卡着播放不了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱吃玉米的螃蟹

关注关注

9
点赞
踩
8

收藏

觉得还不错? 一键收藏
5
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

uniapp - 完美解决＜swiper＞嵌套 video 视频时卡顿不流畅问题，swiper滑块视图容器里面包含视频播放器和图片共存时滑动切换特别卡，滑动不流畅问题的解决方案（保证解决此问题）

高级前端工程师

10-14

5494

uniapp，uview，swiper滑块视图容器组件，swiper组件卡顿，swiper内嵌套包含视频video组件太卡不流畅，uniapp swiper里面有视频播放太卡怎么办，uniapp swiper里面包含视频没播放完就自动划走了，swiper里面的视频如何播放时禁止自动轮播滑动，在uniapp中使用swiper不流畅卡怎么办，uni-app swiper轮播图片加视频卡顿问题如何解决，uni-app nvue 小程序 H5 APP swiper做轮播图同时内嵌视频与图片卡顿，uniapp的swi

uniapp - 强力解决 swiper 轮播图内嵌套视频导致滑动不流畅卡顿问题，轮播滑块视图容器里既有图片也有视频video组件共同存在出现滑动切换特别卡，轮播组件包裹视频播放器加载慢及层级过高解决

最新发布

王佳斌

07-25

5886

uni-app，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，swiper，轮播图，轮播图嵌套视频，卡顿，加载慢，左右滑动不流畅，很卡，滑动过快就会卡住，uniapp使用swiper组件里嵌套视频与图片如何解决卡顿问题，详细解决教程，swiper里有视频video，播放器，视频+图片轮播，层级过高及卡顿问题，没等看完视频就自动切换了，报错，无法加载播放，uniapp的App安卓苹果端，video老是加载，APP端video组件播放视频卡顿，抖音，快手，上下滑动视

5 条评论您还未登录，请先登录后发表或查看评论

uniapp小程序中使用video视频播放卡顿

m0_61476911的博客

04-10

2392

uniapp小程序中使用video视频播放会出现异常卡顿现象

uniapp微信小程序视频播放卡顿

m0_55258023的博客

10-24

4370

uniapp微信小程序视频播放卡顿

uni-app APP端video组件播放视频卡顿

Rae_1999的博客

05-27

5749

项目场景：提示：这里简述项目相关背景： app 的一个上传视频，然后预览的基础功能问题描述提示：这里描述项目中遇到的问题：视频可以正常上传，预览的时候无法预览。复制视频的连接，在浏览器上可以正常预览。但在video组件中，组件中出现一直加载中的样式，视频也无法播放。解决方案：使用web-view内嵌网页播放视频在展示视频列表的页面做一个页面跳转 <view v-for="(item,index) in videoList" :key="index" @click="prev

关于uniapp引入webview使用video.js播放hls（m3u8）格式的直播时全屏返回卡死的问题

weixin_43860852的博客

04-09

7362

关于uniapp引入webview使用video.js播放hls（m3u8）格式的直播时全屏返回卡死的问题一、使用uniapp的原生video组件播放hls直播的问题二、尝试在app页面中使用webView，h5的video.js插件进行播放1.uniapp页面2.使用video.js播放直播的webview页面3.使用ckplayer播放器总结一、使用uniapp的原生video组件播放hls直播的问题使用uniapp自带的video组件倒是可以正常播放hls（m3u8后缀）格式的直播。倒是反馈不是很

顶尖页面性能优化跃升之道：uniapp首屏加载性能极致优化策略权威指南（白屏现象终结攻略）

JINGWHALE

05-01

3054

页面加载性能优化旨在减少用户等待时间，提升浏览体验。页面加载性能优化的策略原理主要围绕提高加载速度、优化用户体验两个核心目标展开。关键策略包括：压缩代码和资源，实现资源懒加载与异步加载，利用缓存策略，优化图片和媒体资源，采用CDN加速，以及合理安排页面结构与资源加载顺序，确保首屏、页面快速渲染。

uniapp subNvue 写的视频播放

11-03

考虑到不同平台的特性差异，如微信小程序、支付宝小程序等，可能需要针对特定平台做适配，例如微信小程序的视频全屏模式和控制栏样式。综上所述，通过uniapp的subNvue，我们可以实现一个功能完备、性能高效的视频...

uniapp 仿抖音上下滑动视频.zip

03-12

2. 视频同步问题：在不同设备或网络环境下，视频加载速度可能会有所不同，如何保证上下滑动时视频切换的同步性是一大难题。 3. 用户交互设计：模仿抖音的交互细节，如双击点赞、评论弹幕等，需要自定义组件并集成到...

uniapp富文本兼容视频实现方案

a_靖的博客

10-14

4244

使用mp-html 富文本插件，就可以支持富文本内的视频播放。安装： npm install mp-html 使用方法 <template> <view> <mp-html :content="html" /> </view> </template> <script> import mpHtml from '@/components/mp-html/mp-html' export default.

仿抖音短视频小程序APP组件（超高性能）自动预加载-uniapp

qq_28445593的博客

06-16

1930

全局只渲染3个item节点，快速上下滑动不错乱，自动预加载，高度可自定义。- uniapp 开发的仿抖音、快手小程序组件（超高性能）自动预加载

uniapp视频文件分片上传(使用插件)

weixin_45242191的博客

03-31

2142

-1) {} else {"savePath": plus.io.convertLocalFileSystemURL("_doc/KJ-FileSlice"), //保存切片地址，一定要是_doc目录"sliceSize": this.sliceSize, //切片大小，单位（B）"sliceSuffixName": "" //保存切片的后缀名console.log("start全部切片完成: " + JSON.stringify(res));

uniapp 发布h5前端项目时因chunk-vendors过大导致首屏加载太慢以及跳转外部链接

he3236220的博客

06-20

1559

【代码】uniapp 发布h5前端项目时因chunk-vendors过大导致首屏加载太慢以及跳转外部链接。

uni-app打包h5后chunk-vendors.js文件大导致页面访问缓慢解决方案

php_hello_word的博客

03-17

5593

步骤一 uni-app开发文档：https://uniapp.dcloud.io/collocation/manifest?id=h5 在manifest.json里配置开启摇树优化，会自动裁剪没有使用到的uni-app组件和api "h5" : { "title" : "春暖花开好运来", "domain" : "", "optimization": { "treeShaking": { "ena...

uni app 视频播放功能

热门推荐

wusejiege6的博客

12-05

2万+

视频播放功能，需求：编译成纯h5网页，运行在任意容器里，如浏览器、安卓原生和iOS等媒体组件video 首先使用video组件，然后高度需要自己设置 uni.createVideoContext 官方新建的uni app 的demo工程，this.context.requestFullScreen 全屏是通过按钮点击的执行的，我需要一进入应用就全屏，实际执行代码无效果，最后改成动态绑定屏幕高度值，也能实现。 onReady() { this.context = uni.createVideoCo

uniapp 阿里云点播视频播放

shelter123456的博客

04-25

1034

以下是uniapp 阿里云点播（加密）**

video播放大文件MP4卡顿（仅供参考）

qq_39105508的博客

11-06

1530

video播放大文件MP4卡顿、The media could not be loaded, either because the server or network failed or because the format is not supported

uniapp视频倍速播放插件，uniapp视频试看插件——sunny-video使用文档

qq_38188228的博客

11-24

4089

uniapp视频倍速播放插件，uniapp视频试看插件——sunny-video使用文档。

uniapp前端页面

08-05

uniapp是一个跨平台的前端框架，可以用于开发多个平台的应用程序。在uniapp中，可以使用不同的方法来导航和管理页面。一个常见的方法是使用uni.reLaunch函数来关闭所有页面并打开到应用内的某个页面。通过传递参数，可以在目标页面的onLoad函数中获取这些参数并进行处理。例如，在onLoad函数中，可以使用console.log(option.id)来打印出上个页面传递的id参数。另一个常见的方法是使用uni.navigateTo函数来跳转到应用内的某个页面，并同时传递参数。在目标页面的onLoad函数中，可以通过option对象获取这些参数并进行处理。例如，可以使用console.log(option.id)来打印出上个页面传递的id参数。还有一种方法是使用uni.navigateBack函数来返回到上一页面或多级页面。可以使用getCurrentPages()函数获取当前的页面栈，并通过设置delta参数来决定返回几层。例如，如果需要返回到A页面，可以使用uni.navigateBack({ delta: 2 })来返回。总之，uniapp提供了多种方法来导航和管理前端页面，开发者可以根据具体需求选择适合的方法。