Примеры рекламных форматов

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Рекламный контейнер DW с GAM видео</title>
    <link rel="preload" href="https://banners.adfox.ru/.../DWPangeaVAR.woff2" as="font" type="font/woff2" crossorigin="anonymous">
    <script src="https://imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
    <style>
        /* Адаптивная верстка, пропорции 1.34/1 на десктопе и 16/9 на мобильных */
        .dw-ad-wrapper .ad-container {
            width: 100%;
            max-width: 900px;
            background-color: #05b2fc;
            aspect-ratio: 1.34 / 1;
            position: relative;
            display: flex;
            flex-direction: column;
            overflow: hidden;
        }
        @media (max-width: 500px) {
            .dw-ad-wrapper .ad-container { aspect-ratio: unset !important; }
            .dw-ad-wrapper .video-container { height: auto !important; aspect-ratio: 16 / 9; }
            .dw-ad-wrapper .top-bar, .dw-ad-wrapper .bottom-bar { height: 50px !important; }
        }
    </style>
</head>
<body>
    <!-- Контейнер видео и кастомные контролы -->
    <div class="dw-ad-wrapper">
        <div class="ad-container">
            <div class="top-bar">...</div>
            <div class="video-container">
                <video id="contentElement" playsinline webkit-playsinline x-webkit-airplay="allow" muted autoplay></video>
                <div id="adContainer"></div>
                <div id="adControls">
                    <button id="adPlayBtn"></button>
                    <button id="adMuteBtn"></button>
                </div>
            </div>
            <div class="bottom-bar">...</div>
        </div>
    </div>

    <script>
        /* ... следующие 700+ строк закрыты для публичного доступа: */
        /* Google IMA SDK v3, Correlator Cache-Busting, Safari Autoplay Handler, Viewability Observer ... */
    </script>
</body>
</html>