用前端做一个简易的视频播放器

好的，可以使用 HTML5 的 video 标签来实现一个简易的视频播放器。首先，需要在 HTML 中添加一个 video 标签，并设置其 src 属性为视频文件的 URL：

<video src="video.mp4"></video>

然后，可以添加一些控制按钮，如播放/暂停、音量调节、进度条等，来实现基本的播放器功能：

<video src="video.mp4" controls>
  <button onclick="playPause()">播放/暂停</button>
  <input type="range" min="0" max="1" step="0.01" onchange="setVolume(this.value)">
  <input type="range" min="0" max="100" step="1" onchange="setProgress(this.value)">
  <span id="current-time"></span>/<span id="total-time"></span>
</video>

其中，controls 属性可以开启默认的播放器控制条，playPause()、setVolume()、setProgress() 分别是控制播放/暂停、音量、进度的 JavaScript 函数。此外，还可以使用 JavaScript 来获取视频的总时长和当前播放时间，并将其显示在页面上：

var video = document.querySelector('video');
var currentTime = document.getElementById('current-time');
var totalTime = document.getElementById('total-time');

video.addEventListener('loadedmetadata', function() {
  totalTime.innerText = formatTime(video.duration);
});

video.addEventListener('timeupdate', function() {
  currentTime.innerText = formatTime(video.currentTime);
});

function formatTime(time) {
  var minutes = Math.floor(time / 60);
  var seconds = Math.floor(time % 60);
  return minutes + ':' + (seconds < 10 ? '0' + seconds : seconds);
}

这样就可以实现一个简单的视频播放器了。当然，还可以添加更多的功能，如全屏、倍速播放、弹幕等，具体可以根据需求进行扩展。