HTML08(媒体元素)

1首先在resources目录下创建video与audio两个子目录分别存放视频与目录
在这里插入图片描述
视频元素(video)
代码示例:

<!--音频与视频
src:资源路劲
controls:控制条
autoplay:自动播放
-->
<video src="../resources/video/sample.mp4" controls autoplay></video>

访问测试:
在这里插入图片描述

音频元素(audio)

<!--音频与视频
src:资源路劲
controls:控制条
autoplay:自动播放
-->
<audio src="../resources/audio/嘉宾.mp3" controls autoplay ></audio>

访问测试:
在这里插入图片描述
完整代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>媒体元素学习</title>
</head>
<body>

<!--音频与视频
src:资源路劲
controls:控制条
autoplay:自动播放
-->

<video src="../resources/video/sample.mp4" controls autoplay></video>
<audio src="../resources/audio/嘉宾.mp3" controls autoplay ></audio>

</body>

</html>

Guess you like

Origin blog.csdn.net/qq_51224492/article/details/117605690