html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
}
.content {
  padding: 10px;
  margin-top: 40px;
}
#video {
	width: 80%;           /* 调整播放器宽度 */
	height: auto;         /* 高度自适应 */
	max-height: 80%;
	background: black;
	margin: 20px 10px; /* 上、左右居中、下边距 */
	border-radius: 10px;  /* 圆角边框 */
	box-shadow: 0 0 20px rgba(0,0,0,0.5); /* 阴影效果 */
}

@media (max-width: 800px) {
    #video {
        width: 100%; /* 在小屏幕设备上全宽显示 */
		margin-left:0;
		border-radius: 0px; /* 圆角边框 */
		box-shadow: 0 0 0px rgba(0, 0, 0, 0); /* 阴影效果 */
    }
	.content {
		padding: 2px;
		margin-top: 40px;
	  }
}