1.网页插入视频方法
我们先来上传一个简单的视频在网页上供大家练练手，以及展示给大家观看成果
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<video width="320" height="240" controls>
<source src="./img/movie.mp4" type="video/mp4">
</video>
</body>
</html>
我们先来分析一下代码，讲一下他们的作用，这里面的<video>的作用就是视频标签的意思，主要是作用于在网页需要插入视频的时候需要用在外面的标签，里面打视频的宽高以及样式。里面<width>和<height>就是代表了视频框架的宽与高。而<controls>则是表示控制台，就是说视频的控制开关，暂停，以及声音大小等等，可以说是视频和音频元素的必要标签。而<src>在这里面代表的则是需要在后面输入的照片的位置。<source>则规定了多媒体资源, 可以是多个，在 <video> 与 <audio>标签中使用
2.网页插入音频的方法
在网页上面插入音频也很简单，和视频的方法差不多，那接下来就让莪们一起来学习吧。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<audio src="" controls></audio>
</body>
</html>
如上图所示，这就是音频的使用方法和显示结果，那么，我们接下来就学习音频，学习完以后在以视频和音频为基础的框架上面来扩展一下更深层次的功能吧
3.视频和音频的自动播放
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
</style>
</head>
<body>
<video src="./img/movie.mp4" autoplay></video>
</body>
</html>
如上图所示这就是食品和音频自动播放的使用方法
4.属性值的具体含义
谢谢大家的观看
我是小辉，请大家多多关照
标签：视频,网页,标签,音频,基础知识,学习,插入,HTML,如上图 From： https://blog.csdn.net/weixin_58462329/article/details/137074919