怎样在html里面加入视频？

通过html5中的video标签添加视频文件。

1、新建html文件，如图所示，在body标签中添加video标签，为video标签设置“src”属性，属性值是视频文件地址，这里以html同一目录下的“movie.mp4”视频为例：

2、此时的视频只会显示一个封面，并没有控制按钮，这时为video标签添加“controls”属性，如图所示，不需要添加属性值，可以看到视频中出现了常用的控制按钮：

3、直接插入的视频显示宽和高是视频本身默认的宽和高，这时可以给video添加我们想要的宽和高，这里以宽度400和高度300为例，添加属性“width”，属性值为“400”，添加属性“height”，属性值为“300”：

4、这时视频默认是加载完成后等待用户点击播放按钮再播放，如果需要加载完成后自动播放，可以给video添加属性“autoplay”，属性值为“autoplay”，这时视频加载完成后就会自动播放：

1、首先打开sublime编译器，创建一个.html文件。

2、然后在title标签之间写上标题的名称，这里输入视频播放器。

3、接着在body标签对的之间插入<video>标签。

4、然后设置视频窗口的大小，在video标签添加width和height属性。

5、最后在video标签之间添加source播放源，及其地址运行后，就会出现如下图视频窗口。

1、在vedio.html中加入以下核心代码：

<video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

<source src="movie.webm" type="video/webm">

<object data="movie.mp4" width="320" height="240">

<embed src="movie.swf" width="320" height="240">

</object>

</video>

2、HTML 多媒体标签。

3、运行结果。

HTML网页中插入图片：

1、首先，通过TXT文档，创建一个网页的基本框架。

2、选择图片的格式。

3、单独创建一个文件夹，将图片资源放入其中。

4、在body中加入如下一行：

<img src="./test.jpg">

5、双击该网页运行，便可看到网页中的图片。

---