HTML的媒体元素详解

最新推荐文章于 2023-12-17 22:45:27 发布

思诚代码块

最新推荐文章于 2023-12-17 22:45:27 发布

阅读量270

点赞数

文章标签： html 前端网页

本文链接：https://blog.csdn.net/weixin_47556601/article/details/122651756

版权

大家好，今天分享一些HTML的媒体元素

HTML的媒体元素
1.视频元素
video
2. 音频元素
audio

新建媒体元素（视频和音频）的文件
复制到里面就可以了

在这里插入图片描述

上源码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>视频和音频元素</title>
</head>
<body>
<!--音频和视频元素
src :资源路径
controls :控制条
autoplay :自动播放
-->
<video src="../resourse/video/20211029_155942.mp4" controls autoplay></video>
<audio src="../resourse/video/20211029_155942.mp4" controls autoplay></audio>
</body>
</html>

看结果

在这里插入图片描述
我们成功的在我们创建的简单网页当中放了视频

在这里插入图片描述
我们成功的在我们创建的简单网页当中放了音频

在这里插入图片描述

好了，关于HTML的媒体元素，就讲到这里了，谢谢大家

思诚代码块

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML的媒体元素详解

大家好，今天分享一些HTML的媒体元素HTML的媒体元素1.视频元素video2. 音频元素audio新建媒体元素（视频和音频）的文件复制到里面就可以了上源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>视频和音频元素</title></head><body><!--
复制链接

扫一扫