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

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

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

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

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

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(); // 暂停视频

注意事项：

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

代码007普通

打赏 收藏 海报 链接