<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.4.0/weui.min.css">
    <link href="/static/css/public/reset.css" rel="stylesheet" />
    <script src="/static/js/public/reset.js"></script>
    <link href="/static/css/30366/main.css" rel="stylesheet" />
    <title>汉王酒业产品防伪溯源系统</title>
    <style>
        .bd1 {
            color: rgb(168, 3, 42);
            font-size: .85rem;
        }

        .bd2 {
            position: absolute;
            bottom: 1rem;
        }

        .flex-div {
            display: flex;
            align-items: flex-start;
            margin-top: 1.2rem;
        }

        .btn-group {
            width: 50%;
            padding-left: 1.5rem;
            margin-top: 1.5rem;
            box-sizing: border-box;
        }

        .bar {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 1rem 0 .5rem;
        }

        .bar-btn {
            width: 32%;
        }

        .bottle {
            width: 50%;
            position: relative;
            right: -5%;
            /* display: inline-block; */
        }
    </style>
</head>

<body>
    <div class="bd1">
        <div id="vdo" style="padding-top: 1.5rem;"></div>
        <div class="bd2">
            <img src="/static/images/30366/new/logo.png" style="width: 90%;">
            <div class="flex-div">
                <div class="btn-group">
                    <div style="width: 120%;">
                        <div class="wx" style="width: 55%;">
                            <img src="/static/images/30366/new/wx.jpg" style="width: 80%;">
                            <div style="font-size: .72rem;">长按识别关注</div>
                        </div>
                        <div class="bar">
                            <img src="/static/images/30366/new/qygw.png" id="gw" class="bar-btn">
                            <img src="/static/images/30366/new/fwcx.png" id="fw" class="bar-btn">
                            <img src="/static/images/30366/new/sy.png" id="sy" class="bar-btn">
                        </div>
                        <div>客服热线：400-967-8599</div>
                    </div>
                </div>
                <div class="bottle">
                    <img src="/static/images/30366/bg/1.png" style="width: 100%;">
                </div>
            </div>
        </div>
    </div>

    <script src="/static/js/jquery-2.1.0.min.js"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="/static/js/public/public.js"></script>
    <!-- <script src="js/main.js?v=7"></script> -->
    <script>

        $('#gw').on('click', function () {
            window.location.href = 'http://www.hanwangjiuye.com';
        });
        $('#fw').on('click', function () {
            window.location.href = '/static/30366/fw.html';
        });
        $('#sy').on('click', function () {
            window.location.href = '/static/30366/sy.html';
        });

        $.ajax({
            type: 'get',
            url: 'https://tjfnew.china315net.com/ajax/video_url.ashx?videoid=b9786f98367148eaa0dc5099a8ec22d2',
            success: function (result) {
                var url = result;
                var poster = "/static/images/30366/bg.jpg";
                $("#vdo").html('<video id="video"  controls="controls" autoplay="autoplay" width="100%"><source type="video/mp4" src="' + url + '"></video>');

                document.getElementById("video").play();
                wx.ready(function () { 
                    document.getElementById("video").play();
                })
            }, error: function () {
            }
        })

       
    </script>
</body>

</html>