在 HTML 中播放视频，只需使用 <video> 标签。步骤如下：1. 创建 <video> 元素并指定视频源（如 <video src="video.mp4">）；2. 添加视频控件（可选，使用 controls 属性）；3. 设置视频属性（可选，如自动播放、循环播放）；4. 例如，要自动播放循环静音视频，可写成 <video autoplay loop muted src="video.mp4">。
如何在 HTML 中播放视频
在 HTML 中播放视频非常简单，只需使用 <video> 标签。下面是步骤：
1. 创建一个 <video> 元素
<video> 元素类似于 <img> 元素，用于显示图片。只需在 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>
以上就是使用 <video> 标签在 HTML 中播放视频的详细内容，更多请关注php中文网其它相关文章！
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
932
收藏
