这个问题可能是由于不同浏览器对HTML5视频元素的实现方式不同引起的。为了解决这个问题,你可以尝试使用以下方法:
import { Component, ViewChild, ElementRef } from '@angular/core';
@Component({
selector: 'app-video-player',
template: `
`,
})
export class VideoPlayerComponent {
@ViewChild('videoPlayer') videoPlayer: ElementRef;
ngAfterViewInit() {
// 在视图初始化后获取 video 元素
const videoElement = this.videoPlayer.nativeElement;
// 在Chrome上需要确保视频已加载并准备好播放
videoElement.addEventListener('loadedmetadata', () => {
// 执行操作,例如设置 currentTime
videoElement.currentTime = 10;
});
}
}
import { Component, ViewChild, ElementRef } from '@angular/core';
@Component({
selector: 'app-video-player',
template: `
`,
})
export class VideoPlayerComponent {
@ViewChild('videoPlayer') videoPlayer: ElementRef;
ngAfterViewInit() {
// 在视图初始化后获取 video 元素
const videoElement = this.videoPlayer.nativeElement;
// 使用 setTimeout 延迟设置 currentTime 的操作
setTimeout(() => {
videoElement.currentTime = 10;
}, 100);
}
}
这些方法中的一种应该可以解决在 Google Chrome 上 video.currentTime 无法正常工作的问题。