uniapp播放本地视频，循环播放第二遍会显示加载图标

最新推荐文章于 2024-08-07 04:11:38 发布
最新推荐文章于 2024-08-07 04:11:38 发布
阅读量2.5k 收藏
点赞数
分类专栏： uniapp 问题解决 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_45415898/article/details/110431902
版权

uniapp播放本地视频，循环播放第二遍会显示加载图标在这里插入图片描述
解决：将加载图标替换成一张纯透明的图片（我感觉这个方法有点捞，有更好的方法可以留言）本方法适用离线打包，因为替换图片要修改uniapp的依赖包

  1. 首先我们要找到这个图标所在的依赖包。
    在这里插入图片描述
  2. 修改aar后缀为rar后缀再解压（解压后进入res目录再进入drawable-hdpi-v4目录）
    在这里插入图片描述
  3. 找到一张纯透明的图片替换调video_ic_reload即可
  4. 最后重行打包 修改后缀 将依赖包放入离线打包项目中即可
uniapp - 超详细实现播放 svg / svga 格式动画组件插件，用于直播间赠送礼物特效动画或项目动画特效较多的应用（新手小白保姆级教程，提供插件+详细运行示例+使用文档+注意事项+格式说明）
王二红
03-26 1万+
uniappsvga，uniapp播放svga动画，uniapp中使用svga动画详细教程，uniapp播放svga的插件，uniapp有没有调用svga格式动画的组件插件，uinappH5App小程序全端兼容的svga播放器免费好用插件，uniapp好用的svga格式动画插件，在uniapp中使用SVGAPlayer播放svga动画，uniapp中使用svga动画,编译到apph5，uniapp运行svg动画，uniapp怎么使用svga文件格式，uniapp播放svg格式的动画教程，un
uniapp遇到的问题
weixin_45888412的博客
01-13 2747
uniapp遇到的问题 scroll-view横向滚动 <template> <scroll-view scroll-x="true" class="scrollX"></scroll-view> </template> <style scoped> .scrollX{ width: 100%; overflow: hidden; /* 必须要添加才能生效 */ white-space: n
记一次uniapp video组件视频无法播放问题
最新发布
weixin_36514034的博客
08-07 565
遇到的情况是因为有两个video播放的是相同的资源，只有其中一个视频可以播放，另一个video组件无法加载内容解决方案：给video组件设置id即可 ...
（已解决）uniapp中页面跳转video还在播放
shuang1118的博客
08-27 3390
<video :src="item.url" controls :data-id="item.id" :ref='item.id' :id="'video'+item.id" @play="saveplay" ...
uniapp 循环播放视频
weixin_42588672的博客
01-07 1214
在 uni-app 中播放视频，你可以使用 video 组件。 <template> <view> <video src="{{videoUrl}}" controls loop></video> </view> </template> 在上面的代码中，videoUrl 是视频的 URL，controls 属...
video组件上添加图标（uni-app）
qq_38779317的博客
11-02 1693
// backPlayVideo.vue <template> <view> <video id="myVideo" class="videoWrap" autoplay="true" controls="false" src="/static/video.mp4"> <cover-image class="fullscreen" v-if="!isFullScreenStatus" src="../../static/fu
video.js突然暂停,不能继续播放,在uniapp中运行
qq996150938的专栏
02-05 1777
video-js 还是有一些问题: 1,突然暂停.资源未播放完就突然暂停,再点击播放页没有用,不能继续播放,出现再我的华为mate 20 X手机以及华为mate 20手机.而比较老旧的手机 红米note 4x则能把m3u8视频播放完成. 2.在我的红米note 4x横屏播放完成后,视频底部的 控制条的位置往下移动差不多看不见了,勉强可以点击退出全屏. 以上两个问题严重. 缺陷方面,videojs定制化功能似乎有点少,比如设置 播放的 分辨率,画面上没有暂停功能,只能点击控制条上的 暂停按钮,看了一些网上
uniapp使用video组件 本地视频播放
m0_64373473的博客
08-11 7255
【uni-app】uniapp使用video组件 本地视频播放。
2021-6月面试总结-vue，uniapp，小程序，h5，更新中
shuux666的博客
03-03 922
**一、**vue 2.6.11 vue****页面的生命周期？ 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 创建前/后： 在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在∗∗created∗∗阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在**created**阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在∗∗cre
uniapp视频播放器
zhoulib__的博客
06-26 1705
需要注意的是ios使用设置屏幕锁定方向时需要设置一些信息。app(android和ios)使用。目前只有app中支持竖屏横批选集。android视频全屏是通过。注：用的是旧版本的这个组件。小程序只支持设置倍速。
uniapp微信小程序PC端Video设置播放初始时间的两种方法以及initial-time播放的时候进度显示播放却重新播放的问题
weixin_44295184的博客
10-10 2675
uniapp微信小程序PC端Video设置播放初始时间的两种方法
uni-app video标签希望每次播放从头开始/控制视频重新从头开始播放
tutututuuu的博客
05-14 912
onShow （）{
uniapp离线打包无法播放本地视频
记录
10-21 1687
uniapp离线打包无法播放本地视频，使用hbuild运行到手机可以正常播放。使用AndroidStudio查看控制台发现操作文件的类有方法丢失。 原因：导入在AndroidStudio的arr依赖版本和hbuild版本不一直。将hbuild升级最新版本，arr依赖也下载最新版本。两者版本保持一致即可成功。 ...
uni-app APP端video组件播放视频卡顿
Rae_1999的博客
05-27 6637
项目场景： 提示：这里简述项目相关背景： app 的一个上传视频，然后预览 的基础功能 问题描述 提示：这里描述项目中遇到的问题： 视频可以正常上传，预览的时候无法预览。复制视频的连接，在浏览器上可以正常预览。 但在video组件中，组件中出现一直加载中的样式，视频也无法播放。 解决方案： 使用web-view内嵌网页播放视频 在展示视频列表的页面做一个页面跳转 <view v-for="(item,index) in videoList" :key="index" @click="prev
uniapp 音频 点击重复播放且无法暂停
m0_63067906的博客
05-28 1180
无
解决Uniapp视频在手机上无法播放的终极指南！
CRMEB小程序商城的博客
03-25 8933
介绍：本文主要介绍uniapp中video标签在手机端无法播放视频的问题并且如何解决。
uniapp APP端视频轮播问题
曲折的夕阳负责格挡
08-01 3572
uniapp视频轮播问题处理
微信小程序开发之——Video第一次播放结束后播放按钮不再显示无法重复播放
我的博客
01-19 6240
一 现象 小程序里使用video组件全屏播放时，设置了只显示中间的播放按钮。当视频播放完成后，不再显示播放按钮，无法再次播放 二 原因—微信开放社区 2.1 原因 小程序官方bug，暂未修复 2.2 截图 三 如何解决—自己设置播放按钮 3.1 过程 视频播放前设置播放按钮 点击播放按钮，播放视频，并隐藏播放按钮 播放结束后，显示播放按钮 3.2 代码 布局文件 <view class="container-camera"> <!--视频预览--> <vid
uniapp之使用巨坑 视频自动播放问题，IOS安卓兼容问题
热门推荐
yyanglirong的博客
07-06 2万+
上个星期使用uniapp在欢迎页插入了一段视频，要求进入页面就开始播放视频，7s后自动跳转，其实这里也不算是一个跳转，welcome是组件，然后是lottery页面，只是在7s后给welcome组件的v-if设置成了false。碰到的问题如下： 1.视频自动播放属性无效； 2.部分华为手机需点击一下才能进入播放，然后会自动进入全屏模式开始播放视频。 3.welcome页面v-if设置为false之后，页面上竟然还存在video元素，在lottery页面点击一下，部分手机偶尔，iphone6p每次都会在播放一
uniapp播放本地视频
06-07
要在Uniapp中播放本地视频，你可以使用uni-app提供的video组件。这个组件可以播放来自本地文件或网络的视频。 下面是一个简单的示例代码，可以在uni-app的页面中实现本地视频播放： ```html <template> <view> <video :src="videoPath" controls autoplay></video> </view> </template> <script> export default { data() { return { videoPath: "/static/videos/sample.mp4" // 视频文件在static目录下 }; } }; </script> ``` 在这个示例中，我们使用video组件来显示视频，通过设置src属性来指定视频文件的路径。在这个例子中，我们假设视频文件位于项目的static目录下，文件名为sample.mp4。 你可以根据自己的需求修改这个示例代码，例如添加一些控制按钮，或者使用uni-app提供的其他组件来美化你的播放器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值