如何使用JavaScript导入视频

在Web开发中，导入视频通常涉及到使用HTML的`

使用HTML的`

在HTML5中，`

在这个例子中，``标签指定了视频文件的路径和类型。`controls`属性添加了默认的播放器控件。

使用JavaScript导入视频

如果你需要使用JavaScript动态导入视频，可以创建一个新的`video`元素，并为其设置`src`属性。

// 创建一个新的video元素
var video = document.createElement('video');
video.id = 'myDynamicVideo';
video.width = 320;
video.height = 240;
video.controls = true; // 启用默认控件

// 设置视频源
var source = document.createElement('source');
source.src = 'path/to/video.mp4';
source.type = 'video/mp4';

// 将source添加到video元素中
video.appendChild(source);

// 将video元素添加到页面中
document.body.appendChild(video);

控制视频播放

你可以使用JavaScript控制视频播放、暂停、快进等。

// 获取video元素
var video = document.getElementById('myVideo');

// 播放视频
video.play();

// 暂停视频
video.pause();

// 跳转到视频的某个时间点
video.currentTime = 60; // 假设跳转到视频的一分钟处

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