本文介绍: 要获得视频播放状态可以使用HTML5的video对象,该对象包含了许多有用的属性方法,可以方便地控制视频播放。示例1:判断视频是否处于暂停状态示例2:判断视频是否已经播放完毕。示例3:获取当前视频播放的时间示例4:获取视频总长度示例5:播放和暂停视频。

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

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

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

注意事项

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注