HTML5添加图片和视频2-8
<!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>多媒体元素</title>
</head>
<body>
<img src="images/accept.png" alt="确认">
<br>
<img src="images/apple.png" alt="苹果">
<a href="http://edu.51cto.com" target="_blank">打开页面</a>
<hr>
<!-- 图片链接 -->
<a href="http://edu.51cto.com" target="_blank">
<img src="images/accept.png" alt="确认打开">
</a>
<hr>
<!-- 加载视频 -->
<video src="images/timessquare.webm" width="360" height="240" controls autoplay muted></video>
<h2>preload预加载并指定画面</h2>
<video src="images/1-6.mp4" width="360" height="240" controls preload="metadata" poster="images/2019.png"></video>
<!-- 兼容性问题 -->
<video width="360" height="240" controls preload="metadata" poster="images/2019.png">
<source src="images/timessquare.webm" type="video/webm">
<source src="images/timessquare.ogv" type="video/ogv">
<source src="images/timessquare.mp4" type="video/mp4">
</video>
</body>
</html>
相关推荐
WebVincent 2020-06-06
行吟阁 2020-04-10
wusiye 2020-10-23
表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。在HTML网页中，要想创建表格，就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 2020-08-09
nercon 2020-08-01
swiftwwj 2020-07-21
nercon 2020-07-16
饮马天涯 2020-07-05
Lophole 2020-06-28
gufudhn 2020-06-12
csstpeixun 2020-06-11
huzijia 2020-06-09
行吟阁 2020-05-30
qsdnet我想学编程 2020-05-26
gufudhn 2020-05-25
qsdnet我想学编程 2020-05-19
suixinsuoyu 2020-05-15
HSdiana 2020-05-15