正文

HTML中的MP4视频嵌入

优站号
优站号 V管理员 /0 评论 /15 阅读
0319
欧意国内注册

在HTML中，我们可以使用<video>标签来嵌入MP4视频，以下是一个简单的例子：

<!DOCTYPE html>
<html>
<body>
<h2>我的视频</h2>
<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持Video标签。
</video>
</body>
</html>

在这个例子中，我们首先定义了一个<video>元素，然后设置了它的宽度和高度。controls属性添加了播放、暂停和音量控制。

我们使用了两个<source>元素来指定视频源，第一个<source>元素的src属性是视频文件的URL，type属性是视频文件的MIME类型，第二个<source>元素的src属性是备用的视频文件的URL，type属性是备用的视频文件的MIME类型，如果浏览器不支持第一个<source>元素指定的视频格式，它将尝试使用第二个<source>元素指定的视频格式。

我们提供了一个文本消息，当浏览器不支持<video>标签时显示。

请注意，你需要将movie.mp4和movie.ogg替换为你自己的视频文件的URL，确保你的服务器允许跨域资源共享（CORS），否则你可能无法在本地预览或分享你的视频。