master

分支 (1)

管理

管理

master

music-player
/
index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/>
		<link rel="stylesheet" href="./css/APlayer2.css" type="text/css"/>
        <link rel="short icon" href="./img/title.png" type="image/x-icon"/>
		<title>EasyPlayer</title>
		<style type="text/css">
			body{
				/*background-image: url(img/man2.jpg);*/
                background-image: url(https://api.ixiaowai.cn/api/api.php);
				background-repeat: no-repeat;
				background-size: cover;
			}
			#fuzhu{
				position: absolute;
				top: 0;
				width: 400px;
				height: 100%;
				margin-left: calc(50% - 200px);
				background-image: linear-gradient(to right,rgba(219,112,147,0) 0%,
															rgba(219,112,147,0.3) 10%,
															rgba(219,112,147,0.5) 50%,
															rgba(219,112,147,0.3) 90%,
															rgba(219,112,147,0.0) 100%);
			}
			@media screen and (max-width:768px) {
				body{
					background-image: url(img/man3.jpg);
				}
				#fuzhu{
					width: 360px;
                    margin-left: calc(50% - 180px);
				}
			}

		</style>
	</head>
	<body>

		<div id="aplayer"></div>
		<div id="fuzhu"></div>
		<script src="./js/APlayer.js"></script>
		<script src="./ceshi1.js"></script>
		<script type="text/javascript">
            //手动触发点击事件
			document.querySelector(".aplayer-miniswitcher").click();
		</script>
	</body>
</html>