一、需求
创建一个自己的播放器控件
二、源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Video Demo-By_Even-2022-4-29</title>
<style type="text/CSS">
#header{
background-color: black;
color: white;
text-align: center;
padding: 5px;
}
#nav{
line-height: 30px;
background-color: #eeeeee;
height: 300px;
width: 100px;
float: left;
padding: 5px;
}
#section{
width: 800px;
float: left;
padding: 10px;
}
#footer{
background-color: black;
color: white;
clear: both;
text-align: right;
padding: 5px;
}
</style>
</head>
<body>
<video width="320" height="240" controls="controls">
<source src="/i/movie.ogg" type="video/ogg">
<source src="/i/movie.mp4" type="video/mp4">
</video>
</body>
</html>
三、总结
看弹窗的video即这种方式展现。