html
/
vr-photo


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
							<!DOCTYPE html>

<html>

<head>
    <title>瑶里景区</title>

    <script src="./lib/tvSysBtnBind.v2.1.js"></script>
    <meta charset="utf-8">
    <meta name="page-view-size" content="1280*720" />
    <link rel="stylesheet" href="css/style.css">


    <style>

        body {
            /* set margin to 0 and overflow to hidden, to go fullscreen */
            margin: 0;
            overflow: hidden;
            background: url('./yaoimages/bg1280.jpg') center no-repeat;
            background-size:100% 100%;
            color:#ffffff;
            font-family:  "Microsoft YaHei";  
            width: 1280px;
            height:720px;
            /* background-repeat:no-repeat; */
            /* width: 120vw; */
            
}

/*
        .navigation{
            display: flex;
            flex-direction: column;
            margin-left: 30px;
            margin-top: 30px;
        }
        
        */

        #debug{
            display: none;
            position: absolute;
            top: 20px;
            left: 10px;
            color: #ffff00;
        }


    </style>
</head>

<script>
    var deviceWidth = parseInt(window.screen.width);  //获取当前设备的屏幕宽度
    var deviceScale = deviceWidth / 1280;  //得到当前设备屏幕与640之间的比例，之后我们就可以将网页宽度固定为640px
    var ua = navigator.userAgent;
    //获取当前设备类型（安卓或苹果）
    if (/Android (\d+\.\d+)/.test(ua)) {
        var version = parseFloat(RegExp.$1);
        if (version > 2.3) {
            document.write('<meta name="viewport" content="width=1280,initial-scale=' + deviceScale + ', minimum-scale = ' + deviceScale + ', maximum-scale = ' + deviceScale + ', target-densitydpi=device-dpi">');
        } else {
            document.write('<meta name="viewport" content="width=1280,initial-scale=0.75,maximum-scale=0.75,minimum-scale=0.75,target-densitydpi=device-dpi" />');
        }
    } else {
        document.write('<meta name="viewport" content="width=1280, user-scalable=no">');
    }
</script>

<body id="Jdoc">

    <!-- 用来保存输出结果 -->
    <div id="container">
    </div>

    <div class="home">
        <div class="preview">
            <div class="detail">
                <div class="detailtitle">
                    <div class="titlelogo"></div>
                    <div class="title">内容详情</div>
                </div>
                <div class='thumb'><img id="cover" data-id='0' src="./thumb1k/yao0.png"/></div>
            </div>

            <div class="descript">
                <div class="content">
                    <div id="descriptTitle">圣彼得堡</div>
                    <div id="descriptContent">简介:圣彼得堡位于俄罗斯北部，波罗的海沿岸...</div>
                </div>
                
                <div id="play" class='play'>
                    <!-- <div class='playlogo'></div>
                    播放 -->
                    
                </div>
            </div>
        </div>

    </div>

   <div id="listTitle">剧集列表（11集全）</div>
    <div id='listContent'>
        <!-- <div class="pano">
            <div class="title"></div>
            <div class="thumb"><img  src='./thumb1k/yao0.png' /></div>
        </div> -->
            -
        </div>

    </div>

    <div id='debug'></div>

    <div class="ctrlBtn"></div>

    <script src="js/index.min.js"></script>

    <script type="text/javaScript">

    </script>
</body>

</html>