<!DOCTYPE html>
<!-- saved from url=(0039)https://www.diyidan.com/activity/video/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="user-scalable=no">
  <title>第一弹</title>
  <style>
    html {
      font-size: 1.333vw;
    }

    body {
      margin: 0;
    }

    .main {
      width: 100%;
      height: 426.2rem;
      background-image: url('https://www-static.diyidan.com/video-activity-static/bg.jpg');
      background-size: contain;
      background-repeat: no-repeat;
      position: relative;
    }

    .play {
      cursor: pointer;
      /* background-color: rgba(0, 0, 0, 0.6) !important; */
    }

    .play0 {
      position: absolute;
      top: 102.0rem;
      left: 0;
      width: 100%;
      height: 68rem;
    }

    .play1 {
      position: absolute;
      top: 202rem;
      left: 6rem;
      width: 27rem;
      height: 40rem;
    }
    .play1-btn {
      position: absolute;
      top: 254rem;
      left: 8rem;
      width: 21rem;
      height: 6rem;
    }
  
    .play2 {
      position: absolute;
      top: 202rem;
      right: 6rem;
      width: 27rem;
      height: 40rem;
    }
    .play2-btn {
      position: absolute;
      top: 254rem;
      right: 11rem;
      width: 21rem;
      height: 6rem;
    }

    .play3 {
      position: absolute;
      top: 263rem;
      left: 6rem;
      width: 27rem;
      height: 40rem;
    }
    .play3-btn {
      position: absolute;
      top: 314rem;
      left: 8rem;
      width: 21rem;
      height: 6rem;
    }

    .play4 {
      position: absolute;
      top: 263rem;
      right: 6rem;
      width: 27rem;
      height: 40rem;
    }
    .play4-btn {
      position: absolute;
      top: 314rem;
      right: 11rem;
      width: 21rem;
      height: 6rem;
    }

    .play5 {
      position: absolute;
      top: 323rem;
      left: 6rem;
      width: 27rem;
      height: 40rem;
    }
    .play5-btn {
      position: absolute;
      top: 374rem;
      left: 8rem;
      width: 21rem;
      height: 6rem;
    }

    .play6 {
      position: absolute;
      top: 323rem;
      right: 6rem;
      width: 27rem;
      height: 40rem;
    }
    .play6-btn {
      position: absolute;
      top: 374rem;
      right: 11rem;
      width: 21rem;
      height: 6rem;
    }

    .play7 {
      position: absolute;
      top: 385rem;
      left: 6rem;
      width: 27rem;
      height: 40rem;
    }
    .play7-btn {
      position: absolute;
      top: 434rem;
      left: 8rem;
      width: 21rem;
      height: 6rem;
    }

    .play8 {
      position: absolute;
      top: 385rem;
      right: 6rem;
      width: 27rem;
      height: 40rem;
    }
    .play8-btn {
      position: absolute;
      top: 434rem;
      right: 11rem;
      width: 21rem;
      height: 6rem;
    }

  </style>
</head>
<body>
  <div class="main">
    <div class="play0 play"></div>

    <div class="play1 play"></div>
    <div class="play1-btn play"></div>

    <div class="play2 play"></div>
    <div class="play2-btn play"></div>

    <div class="play3 play"></div>
    <div class="play3-btn play"></div>

    <div class="play4 play"></div>
    <div class="play4-btn play"></div>

    <div class="play5 play"></div>
    <div class="play5-btn play"></div>

    <div class="play6 play"></div>
    <div class="play6-btn play"></div>

    <!-- <div class="play7 play"></div>
    <div class="play7-btn play"></div>

    <div class="play8 play"></div>
    <div class="play8-btn play"></div> -->

  </div>


<script type="text/javascript">
  var urls = [
    'https://www.diyidan.com/main/post/6296048431868306251/detail/1#anchor_comment_floor',
    'https://www.diyidan.com/main/post/6296048431868309265/detail/1#anchor_comment_floor',
    'https://www.diyidan.com/main/post/6296048431868307967/detail/1#anchor_comment_floor',
    'https://www.diyidan.com/main/post/6296048431868309262/detail/1#anchor_comment_floor',
    'https://www.diyidan.com/main/post/6296048431868309576/detail/1#anchor_comment_floor',
    'https://www.diyidan.com/main/post/6296048431868307931/detail/1#anchor_comment_floor',
    'https://www.diyidan.com/main/post/6296048431868308897/detail/1#anchor_comment_floor',
  ];
  var btns = document.getElementsByClassName('play');
  for (let index = 0; index < btns.length; index++) {
    const btn = btns[index];
    let num = -1;
    try {
      num = (btn.className.match(/[0-9]+/i))[0];
    } catch (error) {
      
    }
    if (num > -1 && urls.length > num) {
      btn.onclick = function() {
        window.location.href = urls[num];
      }
    }
  }
</script>
</body></html>