js 生成video标签

在JavaScript中生成<video>标签并嵌入视频内容，可以通过以下步骤实现：

基础概念

<video>标签是HTML5中用于嵌入视频的标准元素。它可以支持多种视频格式，并且可以通过JavaScript进行动态控制。

类型与应用场景

类型：常见的视频格式包括MP4, WebM, 和 Ogg。
应用场景：适用于在线视频播放、教育平台、社交媒体内容分享等。

示例代码

以下是一个简单的例子，展示如何使用JavaScript动态创建并插入一个<video>标签到页面中：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Video Example</title>
</head>
<body>

<div id="videoContainer"></div>

<script>
// 创建 video 元素
var video = document.createElement('video');
video.width = 640;
video.height = 360;
video.controls = true; // 显示播放控制栏

// 添加视频源
var source = document.createElement('source');
source.src = 'example.mp4'; // 视频文件路径
source.type = 'video/mp4'; // 视频类型
video.appendChild(source);

// 将 video 元素添加到页面中
document.getElementById('videoContainer').appendChild(video);
</script>

</body>
</html>