js video 界面

在JavaScript中，`video`元素通常用于创建和控制视频播放功能。HTML中的`<video>`标签用于嵌入视频内容，你可以通过JavaScript来动态操作这个元素，比如设置源路径、控制播放暂停、调整音量、监听事件等。

以下是基本的`<video>`标签结构：

<video id="myVideo" controls>
  <source src="video.mp4" type="video/mp4"> <!-- 指定视频文件 -->
  Your browser does not support the video tag.
</video>

这里的`controls`属性会让浏览器显示默认的播放控制条（如播放/暂停按钮、进度条、音量控制等）。`src`属性指定视频文件的URL，`type`属性则告诉浏览器该视频的MIME类型。

在JavaScript中，可以像下面这样操作`video`元素：

const myVideo = document.getElementById('myVideo');

// 设置视频源
myVideo.src = 'new_video.mp4';

// 控制播放
myVideo.play(); // 开始播放
myVideo.pause(); // 暂停播放

// 获取并设置音量
const volume = myVideo.volume;
myVideo.volume = 0.5; // 设置音量为50%

// 监听事件
myVideo.addEventListener('ended', function() {
  console.log('视频已结束');
});