在 html 中播放视频,只需使用 标签。步骤如下:1. 创建 元素并指定视频源(如 );2. 添加视频控件(可选,使用 controls 属性);3. 设置视频属性(可选,如自动播放、循环播放);4. 例如,要自动播放循环静音视频,可写成 。

如何在 HTML 中播放视频
在 HTML 中播放视频非常简单,只需使用 <video></video> 标签。下面是步骤:
1. 创建一个 <video></video> 元素
<video></video> 元素类似于 <img alt="使用 <video> 标签在 HTML 中播放视频" > 元素,用于显示图片。只需在 HTML 文档中添加以下代码:
立即学习“前端免费学习笔记(深入)”;
<code class="html"><video> <!-- 省略视频源代码 --> </video></code>
2. 指定视频源
你需要指定视频文件的 URL 或路径。使用 src 属性来引用视频,如下所示:
<code class="html"><video src="video.mp4"></code>
3. 添加视频控件(可选)
要显示播放控件,请使用 controls 属性,如下所示:
<code class="html"><video controls src="video.mp4"></code>
4. 设置视频属性(可选)
你可以设置各种属性来控制视频的播放,包括:
-
autoplay:视频自动播放 -
loop:视频循环播放 -
muted:视频静音播放 -
width和height:设置视频的宽和高
例如,要自动播放循环静音视频,可以这样写:
<code class="html"><video autoplay loop muted src="video.mp4"></code>
例子
以下是一个完整的 HTML 代码,用于播放标题为 "猫视频" 的视频,并显示播放控件:
<code class="html"><!DOCTYPE html> <html> <head> <title>猫视频</title> </head> <body> <video controls src="cat-video.mp4"> </video> </body> </html></code>











