html5 video标签(属性和事件)

最新推荐文章于 2025-03-11 15:20:24 发布

千反田丷

最新推荐文章于 2025-03-11 15:20:24 发布

阅读量1.8k

点赞数

分类专栏： Html5 文章标签： html5 video

本文链接：https://blog.youkuaiyun.com/ArturiaTop/article/details/80154486

版权

本文详细探讨了HTML5的video标签，重点介绍了基础的标签属性和相关事件，帮助读者掌握在网页中使用video标签进行多媒体内容展示的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html5 video标签学习(基础标签属性和事件)：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Video Study</title>
</head>

<body>
    <!-- 基础用法，controlslist可以控制工具栏，如下、全屏等功能 -->
    <video src="./test.mp4" width="400" height="255" controls controlslist="nodownload"></video>

    <!-- 贴图 poster -->
    <video src="./test.mp4" width="400" height="255" controls poster="./poster.jpg"></video>

    <!-- 自动播放 autoplay -->
    <video src="./test.mp4" width="400" height=