![[踩坑]移动端安卓微信浏览器video.currentTime设置无效](/UploadFile/pic/shuiyin/20240525/640bdc77f2b74ac69a4f05e0e59765fe.jpg "[踩坑]移动端安卓微信浏览器video.currentTime设置无效")
在移动端安卓微信浏览器中，我们经常会遇到video.currentTime设置无效的问题。这个问题通常出现在视频资源是异步获取的情况下，因为在视频资源还没有完全加载完成之前，我们就尝试设置video.currentTime，导致设置无效。
在这种情况下，我们需要找到一种解决方案来确保在视频资源加载完成之后再设置video.currentTime。下面我将介绍一些可能的解决方法：
1. 使用video的canplay事件：可以尝试监听video的canplay事件，在这个事件触发时再设置video.currentTime。这样可以确保视频资源已经加载完成，可以正常设置currentTime。
```javascriptvar video = document.getElementById('video');
video.addEventListener('canplay', function() {
video.currentTime =10; // 设置currentTime});
```
2. 使用setTimeout延迟设置：可以尝试使用setTimeout来延迟设置video.currentTime，等待视频资源加载完成后再设置。
```javascriptsetTimeout(function() {
video.currentTime =10; // 设置currentTime},1000); // 延迟1秒```
3. 使用loadedmetadata事件：可以尝试监听video的loadedmetadata事件，在这个事件触发时再设置video.currentTime。这个事件在视频的元数据（如时长、尺寸等）加载完成后触发。
```javascriptvideo.addEventListener('loadedmetadata', function() {
video.currentTime =10; // 设置currentTime});
```
4. 使用Promise：可以尝试使用Promise来确保视频资源加载完成后再设置video.currentTime。
```javascriptfunction setVideoCurrentTime(time) {
return new Promise(function(resolve, reject) {
video.addEventListener('canplay', function() {
video.currentTime = time;
resolve();
});
});
}
setVideoCurrentTime(10).then(function() {
console.log('currentTime设置成功');
});
```
以上是一些可能的解决方法，可以根据具体情况选择合适的方法来解决video.currentTime设置无效的问题。希望以上内容能够帮助到你解决这个问题。
