<!DOCTYPE html>

<html lang="ja">

<head>

  <meta charset="UTF-8">

  <title>LP</title>

  <meta name="viewport" content="width=device-width, initial-scale=1.0">


  <style>

    html, body {

      margin: 0;

      padding: 0;

      width: 100%;

      height: 100%;

      overflow: hidden;

      background: #000;

    }


    video {

      position: fixed;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      object-fit: cover;

    }


    .cta {

      position: fixed;

      bottom: 24px;

      left: 50%;

      transform: translateX(-50%);

      padding: 14px 28px;

      background: rgba(0,0,0,0.7);

      color: #fff;

      font-size: 16px;

      border-radius: 999px;

      text-decoration: none;

      z-index: 10;

    }

  </style>

</head>


<body>


  <video autoplay muted loop playsinline>

    <source src="https://video.twimg.com/amplify_video/1997944712758697984/vid/avc1/1080x1920/NE3oV5ZTLl7smKD8.mp4" type="video/mp4">

  </video>


  <a class="cta" href="https://リンク" target="_blank">

    続きを見る ▶

  </a>


</body>

</html>