web前端--HTML入门学习（三）

最新推荐文章于 2022-01-20 16:12:06 发布

前端小窝

最新推荐文章于 2022-01-20 16:12:06 发布

阅读量159

点赞数

分类专栏： # HTML

本文链接：https://blog.csdn.net/weixin_44105459/article/details/100978090

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

摘要：

HTML的学习就暂告一段落，入门了解为主，建议学习时间1~2天。本次主要内容播放视频，将视频加入到HTML所在文件夹下，简单设置即可。

播放视频相关设置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>播放视频</title>
</head>
<body>
<video src="11video.mp4" height="200px" controls preload="metadata" loop
poster="封面.png"></video>
<!--preload预先载入：auto,metadata,none(默认为none）-->
<!--controls包含播放，音量，全屏等按钮-->
<!--loop播放完自动循环-->
<!--poster封面-->
</body>
</html>

运行结果：
在这里插入图片描述