HTML5学习.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5学习</title>
<style>
div{width:700px;height:400px;
background-color:lightblue;
border:3px dotted blue;
padding:5px;}
/* 标签<style> 和 <script>中使用这种注释; hover鼠标放置显示红色 */
h1:hover{color:red;}
</style>
</head>
<body>
<h1>我的视频播放器:</h1>
<div>
<!--第一个video: controls显示播放控件;区别标签<style>中的注释-->
<video width="200" height="200" controls>
<source src="绿植.mp4" type="video/mp4">
</video>
<!--第一个video:muted静音;autoplay自动播放-->
<video width="400" height="400" src="绿植.mp4" autoplay="autoplay" controls="controls" muted="muted"></video>
</div>
</body>
</html>
学习效果展示: