<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
    #banner {
        width: {{ width }}px;
        height: {{ height  }}px;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url("{{ background_url }}");
    }
    </style>
</head>
<body style="margin:0;">
    <div id='banner'></div>
    <script src="https://yastatic.net/pcode/media/loader.js"></script>
    <script>
        var params =  {{{ ad_parameters }}};

        window.Ya.mediaCode.create(params.theme, params, "#banner", function(banner) {
            banner.setState({
                /* progress from 0 to 1 */
                progress: 0.7,
                videoWidth: 1920,
                videoHeight: 1080
            });
        });
    </script>
</body>
</html>
