html网页播放器代码

作者：步尘の若云发布日期:2025-04-25 浏览:35

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML 网页播放器</title>
</head>
<body>
    <!-- 视频播放器 -->
    <video width="640" height="360" controls>
        <source src="movie.mp4" type="video/mp4">
        <source src="movie.ogg" type="video/ogg">
        您的浏览器不支持 HTML5 视频。
    </video>

    <!-- 音频播放器 -->
    <audio controls>
        <source src="music.mp3" type="audio/mpeg">
        <source src="music.ogg" type="audio/ogg">
        您的浏览器不支持 HTML5 音频。
    </audio>

    <p>说明:</p>
    <ul>
        <li><code>&lt;video&gt;</code> 标签用于嵌入视频，<code>controls</code> 属性添加播放控件。</li>
        <li><code>&lt;source&gt;</code> 标签定义多个媒体资源文件，浏览器会根据支持情况选择一个播放。</li>
        <li><code>&lt;audio&gt;</code> 标签用于嵌入音频，用法与视频类似。</li>
    </ul>
</body>
</html>

上一篇：html行间距

下一篇：html文字颜色代码