.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000000;background-image:url("https://av68.net/wp-content/uploads/2024/09/nen-destop-1.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:590px;}.e-con{--container-max-width:590px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}@media(min-width:1025px){.elementor-kit-7{background-attachment:fixed;}}@media(max-width:1024px){.elementor-kit-7{background-image:url("https://av68.net/wp-content/uploads/2024/09/nen-mobi-2.png");background-position:0px -215px;background-repeat:no-repeat;background-size:cover;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:590px;}.e-con{--container-max-width:590px;}}@media(max-width:767px){.elementor-kit-7{background-position:0% -17px;background-size:cover;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:390px;}.e-con{--container-max-width:390px;}}/* Start custom CSS */<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Video Player</title>
  <style>
    .video-container {
      position: relative;
      max-width: 100%;
      padding-top: 58.9%; /* Tỷ lệ khung hình 16:9 */
      overflow: hidden;
      border-radius: 0; /* Loại bỏ bo góc */
    }

    .video-container img.thumbnail {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      cursor: pointer;
      transition: opacity 0.3s;
    }

    .video-container iframe.video-iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: none;
    }

    @media (max-width: 600px) {
      .video-container {
        padding-top: 58.9%; /* Tỷ lệ khung hình tùy chỉnh cho thiết bị di động */
      }
    }
  </style>
</head>
<body>

<div class="video-container">
  <img src="https://bj88.games/hinh-anh-thumbnail-ban-quyen-tu-bj88-games.gif" alt="Video Thumbnail" class="thumbnail">
  <iframe src="https://cpc1.livestreams88.com/embed/video/" frameborder="0" allowfullscreen scrolling="no" class="video-iframe"></iframe>
</div>

<script>
  document.addEventListener("DOMContentLoaded", function() {
    const thumbnails = document.querySelectorAll(".thumbnail");
    const iframes = document.querySelectorAll(".video-iframe");
    
    thumbnails.forEach((thumbnail, index) => {
      thumbnail.addEventListener("click", function() {
        thumbnail.style.display = "none";
        iframes[index].style.display = "block";
      });
    });
  });
</script>
</body>
</html>/* End custom CSS */