third774/index.html

## index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
    <meta name="description" content="Stream"/>
    <title>Stream</title>
    <style>
      html {
        background: #222;
      }

      html, body {
        margin: 0px;
      }

      body {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      section {
        --video-aspect-ratio: 16 / 9;
        --padding: 2em;

        box-sizing: border-box;
        width: calc((100vh - (2 * var(--padding))) * var(--video-aspect-ratio));
        max-width: 100%;
        padding: var(--padding);
      }

      stream {
        display: block;
        width: 1080px;
        max-width: 100%;
        margin: 0 auto;
        box-shadow: 0 0 30px #000;
        box-shadow: 0 0 5vmin #000;
      }

      @media (max-width: 768px) {
        html {
          background: #000;
        }

        section {
          --padding: 0px;
        }

        stream {
          box-shadow: none;
        }
      }
    </style>
  </head>
  <body>
    <section>
      <stream src="e696e3b6be9ada0fc9e9674aedb54b17"     controls preload></stream>
      <script data-cfasync="false" defer="" type="text/javascript" src="https://embed.cloudflarestream.com/embed/r4xu.fla9.staging.js?video=e696e3b6be9ada0fc9e9674aedb54b17"></script>
    </section>
  </body>
</html>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
	<meta name="description" content="Stream"/>
	<title>Stream</title>
	<style>
	html {
	background: #222;
	}

	html, body {
	margin: 0px;
	}

	body {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	}

	section {
	--video-aspect-ratio: 16 / 9;
	--padding: 2em;

	box-sizing: border-box;
	width: calc((100vh - (2 * var(--padding))) * var(--video-aspect-ratio));
	max-width: 100%;
	padding: var(--padding);
	}

	stream {
	display: block;
	width: 1080px;
	max-width: 100%;
	margin: 0 auto;
	box-shadow: 0 0 30px #000;
	box-shadow: 0 0 5vmin #000;
	}

	@media (max-width: 768px) {
	html {
	background: #000;
	}

	section {
	--padding: 0px;
	}

	stream {
	box-shadow: none;
	}
	}
	</style>
	</head>
	<body>
	<section>
	<stream src="e696e3b6be9ada0fc9e9674aedb54b17" controls preload></stream>
	<script data-cfasync="false" defer="" type="text/javascript" src="https://embed.cloudflarestream.com/embed/r4xu.fla9.staging.js?video=e696e3b6be9ada0fc9e9674aedb54b17"></script>
	</section>
	</body>
	</html>