#playVideo {
    background-color: #008CBA; /* Blue background */
    border: none; /* Remove border */
    color: white; /* White text */
    padding: 15px 32px; /* Some padding */
    text-align: center; /* Center text */
    text-decoration: none; /* Remove underline */
    display: inline-block; /* Make it a block element */
    font-size: 16px; /* Increase font size */
    margin: 4px 2px; /* Some margin */
    cursor: pointer; /* Change cursor to a pointer */
    transition-duration: 0.4s; /* Add a transition effect */
}

#playVideo:hover {
    background-color: #007B9A; /* Darker blue on hover */
}

#playVideo i {
    margin-right: 5px; /* Add some margin to the icon */
}

#videoContainer {
    width: 80%; /* Set the width of the video container */
    height: 80%; /* Set the height of the video container */
    background-color: #f8f8f8; /* Set the background color of the video container */
    border: 1px solid #ccc; /* Add a border to the video container */
    border-radius: 5px; /* Add some border radius to the video container */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Add a box shadow to the video container */
    overflow: hidden; /* Hide any overflow */
    display: flex; /* Make the container a flex container */
    flex-direction: column; /* Stack the children vertically */
    justify-content: center; /* Center the children vertically */
    align-items: center; /* Center the children horizontally */
}

#videoContainer video {
    width: 100%; /* Make the video take up the full width of the container */
    height: 100%; /* Make the video take up the full height of the container */
}

#closeVideo {
    position: absolute; /* Position the close button relative to the video container */
    top: 0; /* Position the close button at the top */
    right: 0; /* Position the close button at the right */
    margin: 10px; /* Add some margin */
}

/*变形*/
#playVideo {
    transition: transform 0.3s ease;
}

#playVideo:hover {
    transform: scale(1.1);
}