uni-app app下video组件拖动进度条视频直接死在加载中

uni-app app下video组件拖动进度条视频直接死在加载中

开发环境 版本号 项目创建方式
Windows win10 HBuilderX

产品分类：uniapp/App

PC开发环境操作系统：Windows

HBuilderX类型：正式

HBuilderX版本号：3.1.4

手机系统：iOS

手机系统版本号：IOS 14

手机厂商：苹果

手机机型：xr

页面类型：vue

打包方式：云端

示例代码：

<template>
<view class="content">
<video src="http://api.ubuntu.iceteapi.com/api/sys/common/static/e76bcc7f869640e8bf567d6c9c178b48.mp4" controls></video>
</view>
</template>  
<script>  
export default {  
data() {  
return {  
title: 'Hello'  
}  
},  
onLoad() {  
},  
methods: {  
}  
}  
</script>  
<style>  
.content {  
display: flex;  
flex-direction: column;  
align-items: center;  
justify-content: center;  
}  

.logo {  
height: 200rpx;  
width: 200rpx;  
margin-top: 200rpx;  
margin-left: auto;  
margin-right: auto;  
margin-bottom: 50rpx;  
}  

.text-area {  
display: flex;  
justify-content: center;  
}  

.title {  
font-size: 36rpx;  
color: #8f8f94;  
}  
</style>

操作步骤：

直接使用video组件

预期结果：

直接使用video组件

实际结果：

直接使用video组件


更多关于uni-app app下video组件拖动进度条视频直接死在加载中的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

用示例代码hello uni-app能出现你的问题吗？ 是否同这个问题，https://ask.dcloud.net.cn/question/118067

更多关于uni-app app下video组件拖动进度条视频直接死在加载中的实战教程也可以访问 https://www.itying.com/category-93-b0.html


请问这个最后这么解决的呢

在iOS设备上，video组件拖动进度条后卡在加载状态是已知的兼容性问题。这通常与iOS系统对视频流的处理机制有关，特别是对于非标准格式或网络视频。

建议尝试以下解决方案：

  1. 使用hls格式替代mp4
<video src="http://api.ubuntu.iceteapi.com/api/sys/common/static/e76bcc7f869640e8bf567d6c9c178b48.m3u8" controls></video>
  1. 添加initial-time属性
<video :initial-time="0" src="your-video-url" controls></video>
  1. 使用uni.createVideoContext进行控制
// 在methods中添加
handleSeek() {
  this.videoContext.seek(0)
}
回到顶部