HDR.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./EDR-Style.css">
    <title>HDR UI Demo</title>
</head>
<body>
    <div class="box">
    <div id="EDR-element">
        <!-- <svg id="EDR-Logo" width="60%" viewBox="0 0 149 158" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M0 154V78.7379L149 2V78.7379L0 154Z" fill="white" />
            <path d="M75.5 39.5L67.5 44L11 15V74L138.5 140L139.5 83.5L149 78.5L148.5 156.5L0 78V0L75.5 39.5Z" fill="#EC554F" />
        </svg> --><h1>This is 1000 nits.</h1>

    </div>
        <video class="HDR-Video"autoplay loop muted src="https://video.kdcloudy.com/HDR10-HEVC.m4v"></video>
    </div>
 
</body>
</html>