js获得video 当前视频播放的状态

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

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

1.paused：返回一个布尔值，表示视频是否处于暂停状态。
2.currentTime：返回当前视频播放的时间，以秒为单位。
3.duration：返回视频总长度，以秒为单位。
4.ended：返回一个布尔值，表示视频是否已经播放完毕。
5.play()：播放视频。
6.pause()：暂停视频。

示例一：判断视频是否处于暂停状态

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

示例2：判断视频是否已经播放完毕

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

示例3：获取当前视频播放的时间 

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

示例4：获取视频总长度

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

示例5：播放和暂停视频

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

示例6：获取当前播放多长时间

// 播放时长
const video = document.getElementById('myVideo');
const playbackTime = ref();
const updatePlaybackTime = () => {
   
    playbackTime.value = parseInt(video.currentTime);
};
// 监听
video.addEventListener("timeupdate", updatePlaybackTime);

//暂停播放时
const onPause = () => {
  // 当视频暂停时获取并显示当前播放时长
  let currentTime = null;
  if (videoElement.value[currentVideoIndex.value]) {
    currentTime = videoElement.value[currentVideoIndex.value].currentTime;
  }

  playbackTime.value = parseInt(currentTime); // 取整

  // 移除时间更新监听器
  if (videoElement.value[currentVideoIndex.value]) {
    videoElement.value[currentVideoIndex.value].removeEventListener(
      "timeupdate",
      updatePlaybackTime
    );
  }
}

注意事项：

• 在获取视频状态之前，确保视频已经加载完毕。
• 在对视频进行操作时，确保浏览器已经支持HTML5的video标签，否则会出现兼容性问题。
• 不同浏览器可能会有一些差异，需要注意测试和处理。