html 视频播放

作者：嗜神魔影发布日期:2026-07-31 浏览:98

<!DOCTYPE html>
<html>
<head>
    <title>HTML 视频播放示例</title>
</head>
<body>
    <h1>HTML 视频播放器</h1>
    <!-- 使用 <video> 标签来嵌入视频 -->
    <video width="640" height="360" controls>
        <!-- 指定视频文件的路径 -->
        <source src="movie.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg">
        <!-- 如果浏览器不支持 <video> 标签，则显示以下文本 -->
        您的浏览器不支持 HTML5 视频。
    </video>
    <p>注意: 请确保您的服务器正确配置了 MIME 类型，以便浏览器能够识别和播放视频文件。</p>
</body>
</html>

解释说明：

<video> 标签：用于在网页中嵌入视频。width 和 height 属性设置视频播放器的尺寸，controls 属性添加播放、暂停和音量控制按钮。
<source> 标签：用于指定多个视频源文件及其格式。浏览器会根据其支持的格式选择一个合适的文件进行播放。
备用文本：如果浏览器不支持 <video> 标签，则会显示 "您的浏览器不支持 HTML5 视频" 的提示信息。

上一篇：html 文字加粗

下一篇：html中的空格