如何用js获得当前视频播放的状态

2023-07-27 11:46:45 作者：我是梦磊OL

这篇文章主要给大家介绍了关于如何用js获得当前视频播放状态的相关资料,大家在日常应用场景中可能会遇到这么一个情况,需要判断用户是否完整的观看完了一部视频,需要的朋友可以参考下

要获得视频播放的状态，可以使用HTML5的video对象，该对象包含了许多有用的属性和方法，可以方便地控制视频播放。

以下是一些常用的方法和属性：

var video = document.getElementById('myVideo');
if (video.paused) {
  console.log('视频处于暂停状态');
} else {
  console.log('视频正在播放');
}

var video = document.getElementById('myVideo');
if (video.ended) {
  console.log('视频已经播放完毕');
} else {
  console.log('视频还没有播放完毕');
}

var video = document.getElementById('myVideo');
var currentTime = video.currentTime;
console.log('当前视频播放的时间：', currentTime);

var video = document.getElementById('myVideo');
var duration = video.duration;
console.log('视频总长度：', duration);

var video = document.getElementById('myVideo');
video.play(); // 播放视频
video.pause(); // 暂停视频

注意事项：

到此这篇关于如何用js获得当前视频播放状态的文章就介绍到这了,更多相关js视频播放状态内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！