<!DOCTYPE html>

<html lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="Keywords" content="腾讯云会客厅,腾讯云,QQ,Tencent">

    <meta name="description" content="腾讯云会客厅">

    <meta name="format-detection" content="telephone=no">

    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">

    <link rel="stylesheet" href="https://mc.qcloudimg.com/static/style/8c6eee6b2107ef25dc486020ced13898/normalize.css">

    <link rel="stylesheet" href="https://mc.qcloudimg.com/static/style/6af34d0737ad0ca608111771cf74cc79/swiper.min.css">

    <link rel="stylesheet" href="https://mc.qcloudimg.com/static/style/aa56d48806a1df73eaaf2c27fe785bc3/style.css">

    <title>腾讯云会客厅</title>

    <style>

        body,html {

            padding-top: constant(safe-area-inset-top);

            padding-left: constant(safe-area-inset-left);

            padding-right: constant(safe-area-inset-right);

            padding-bottom: constant(safe-area-inset-bottom);

        }

    </style>

    <script>

        var baseWidth = 375,

            baseHeiht = 603,

            baseFontSize = 50,

            newSize = 1,

            sacle = 1;

        var sacle = Math.min(window.innerWidth / baseWidth, window.innerHeight / baseHeiht),

            newSize = parseInt(sacle * 10000 * baseFontSize) / 10000;

        document.documentElement.style.fontSize = newSize + "px";

    </script>

</head>

<body>

    <div class="myLoading">

        <div class="svg-wrap">

            <svg width="80px" height="80px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-rolling"

                style="background: none;">

                <circle cx="50" cy="50" fill="none" ng-attr-stroke="" ng-attr-stroke-width="" ng-attr-r="" ng-attr-stroke-dasharray="" stroke="#ffffff"

                    stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138" transform="rotate(324 50 50)">

                    <animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="1s"

                        begin="0s" repeatCount="indefinite"></animateTransform>

                </circle>

            </svg>

        </div>

        <p class="progress-num" id="loading">0%</p>

    </div>

    <div id="o2_loading" class="loading">

        <div class="btns">

            <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play btn begin">

            <div class="loading-cover"></div>

        </div>

    </div>

    <div id="o2_main" class="main">

        <div class="wrapper">

            <video id="video" class="video" preload="auto" playsinline src="http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/Mobike.mp4"

                width="1" height="1" type="video/mp4"></video>

        </div>

        <div class="btns control">

            <a class="btn continue">继续</a>

            <a class="btn skip">跳过</a>

        </div>

        <div class="poster"></div>

    </div>

    <div class="mod-player" id="mod-player"></div>

    <div class="video-title">

        <p class="">摩拜夏一平：用云端黑科技打造智能出行</p>

    </div>

    <!-- Slider main container -->

    <div class="swiper-container">

        <!-- Additional required wrapper -->

        <div class="swiper-wrapper">

            <!-- Slides -->

            <div class="swiper-slide">

                <div class="content intro clearfix">

                    <div class="mod-title">

                        <img src="https://mc.qcloudimg.com/static/img/3ef78690b25acaf3b1f7b1fd6eb62b9a/title-before.png" alt="" class="title-before">

                        <span class="">栏目介绍</span>

                    </div>

                    <p class="intro-title">腾讯云会客厅

                        <img src="https://mc.qcloudimg.com/static/img/fd51ec9d85aa385d3668ddf42ace04b9/logo.png" alt="logo" class="logo" width="auto"

                            height="48px">

                    </p>

                    <p class="intro-detail">聚焦云计算热点话题，专家视角，洞察产业趋势</p>

                    <div class="guide">

                        <img src="https://mc.qcloudimg.com/static/img/8d3eac1baf0ec96b1e4496948043a412/guide.jpg" alt="guide" class="">

                    </div>

                    <div class="guest">

                        <img src="http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/2%20%E6%A0%8F%E7%9B%AE%E4%BB%8B%E7%BB%8D%E5%98%89%E5%AE%BE%E5%9B%BE/%E5%98%89%E5%AE%BE%E5%A4%8F%E4%B8%80%E5%B9%B3.jpg"

                            alt="guest" class="">

                    </div>

                </div>

            </div>

            <div class="swiper-slide">

                <div class="content current-point">

                    <div class="mod-title">

                        <img src="https://mc.qcloudimg.com/static/img/3ef78690b25acaf3b1f7b1fd6eb62b9a/title-before.png" alt="" class="title-before">

                        <span class="">本期看点</span>

                    </div>

                    <div class="vqq-wrap">

                        <a class="vqq-item clearfix show-video" href="javascript:;" data-vid="i052011obn1">

                            <div class="vqq-cover-wrap">

                                <img src="http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/3%20%E6%9C%AC%E6%9C%9F%E7%9C%8B%E7%82%B9%E5%B0%81%E9%9D%A2%E5%9B%BE/%E7%9C%8B%E7%82%B91.jpg"

                                    alt="" class="vqq-cover">

                                <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                            </div>

                            <p class="vqq-title">智慧+出行，摩拜解决最后一公里的痛点</p>

                        </a>

                        <a class="vqq-item clearfix mt60 show-video" href="javascript:;" data-vid="w0520kovzqq">

                            <div class="vqq-cover-wrap">

                                <img src="http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/3%20%E6%9C%AC%E6%9C%9F%E7%9C%8B%E7%82%B9%E5%B0%81%E9%9D%A2%E5%9B%BE/%E7%9C%8B%E7%82%B92.jpg"

                                    alt="" class="vqq-cover">

                                <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                            </div>

                            <p class="vqq-title">整合行业资源，摩拜打造智能物联生态</p>

                            <!-- <p class="vqq-detail">云计算驱动游戏产业腾飞</p> -->

                        </a>

                    </div>

                    <div class="show-more">

                        <a href="javascript:;" class="mod-btn" id="showCurrentPoint">查看更多</a>

                    </div>

                </div>

            </div>

            <div class="swiper-slide">

                <div class="content review">

                    <div class="mod-title">

                        <img src="https://mc.qcloudimg.com/static/img/3ef78690b25acaf3b1f7b1fd6eb62b9a/title-before.png" alt="" class="title-before">

                        <span class="">往期回顾</span>

                    </div>

                    <div class="vqq-wrap">

                        <a class="vqq-item clearfix show-video" href="javascript:;" data-vid="j0511ygervb">

                            <div class="vqq-cover-wrap">

                                <img src="http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/4%20%E5%BE%80%E6%9C%9F%E5%9B%9E%E9%A1%BE%E5%B0%81%E9%9D%A2%E5%9B%BE/%E7%AC%AC23%E6%9C%9F%E8%94%9A%E6%9D%A5%E6%9D%8E%E6%96%8C%20.jpg"

                                    alt="" class="vqq-cover">

                                <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                            </div>

                            <p class="vqq-title">蔚来李斌</p>

                            <p class="vqq-detail">汽车革新浪潮已经袭来</p>

                        </a>

                        <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="q05019umr82">

                            <div class="vqq-cover-wrap">

                                <img src="http://external-1255598498.file.myqcloud.com/public_h5/%E8%94%9A%E6%9D%A5H5/pic/%E7%AC%AC22%E6%9C%9F%20%E8%98%91%E8%8F%87%E8%A1%97%E6%9D%8E%E6%96%8C.png"

                                    alt="" class="vqq-cover">

                                <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                            </div>

                            <p class="vqq-title">美丽联合CEO陈琪</p>

                            <p class="vqq-detail">智慧电商不安分的技术心</p>

                        </a>

                        <!-- <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="x0506969bdp">

<div class="vqq-cover-wrap">

<img src="https://mc.qcloudimg.com/static/img/1dd862e386976f3c0004f077989946cd/past-18.png" alt="" class="vqq-cover">

<img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

</div>

<p class="vqq-title">去哪儿网：张强</p>

<p class="vqq-detail">人工智能是未来？</p>

</a> -->

                    </div>

                    <div class="show-more">

                        <a href="javascript:;" class="mod-btn" id="showReviewPoint">查看更多</a>

                    </div>

                    <!-- <p class="slide-guide">精彩，值得被更多人看见！</p> -->

                </div>

            </div>

            <div class="swiper-slide">

                <div class="content qrcode-content">

                    <div class="qrcode-wrap">

                        <img src="https://mc.qcloudimg.com/static/img/a768c578195c64041887b114f6428601/qrcode.png" alt="qrcode" class="qrcode">

                    </div>

                    <p class="qrcode-text">扫码关注腾讯云</p>

                    <div class="show-more">

                        <a href="javascript:;" class="mod-btn" id="qrcodeShow">分享</a>

                    </div>

                    <!-- <p class="slide-guide">精彩，值得被更多人看见！</p> -->

                </div>

            </div>

        </div>

        <!-- If we need pagination -->

        <div class="swiper-pagination"></div>

        <!-- If we need navigation buttons -->

        <!-- <div class="swiper-button-prev"></div> -->

        <!-- <div class="swiper-button-next"></div> -->

        <!-- If we need scrollbar -->

        <!-- <div class="swiper-scrollbar"></div> -->

    </div>

    <div class="slider-up animated infinite slideInUp"></div>

    <!-- 横屏提示代码 [[ -->

    <div id="orientation_hinter" class="landscape">

        <div class="hinter_phone">

            <i></i>

        </div>

        <div class="hinter_rotate"></div>

        <div class="hinter_text landscape">竖屏体验效果更佳</div>

        <div class="hinter_text portrait">横屏体验效果更佳</div>

    </div>

    <!-- 横屏提示代码 ]] -->

    <!-- 分享弹层 [[ -->

    <div class="share"></div>

    <!-- 分享弹层 ]] -->

    <!-- 查看更多 [[ -->

    <div class="review-more" id="reviewPoint">

        <div class="mod-title">

            <img src="https://mc.qcloudimg.com/static/img/3ef78690b25acaf3b1f7b1fd6eb62b9a/title-before.png" alt="" class="title-before">

            <span class="">往期回顾</span>

        </div>

        <div class="vqq-wrap">

            <a class="vqq-item clearfix show-video" href="javascript:;" data-vid="j0511ygervb">

                <div class="vqq-cover-wrap">

                    <img src="http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/4%20%E5%BE%80%E6%9C%9F%E5%9B%9E%E9%A1%BE%E5%B0%81%E9%9D%A2%E5%9B%BE/%E7%AC%AC23%E6%9C%9F%E8%94%9A%E6%9D%A5%E6%9D%8E%E6%96%8C%20.jpg"

                        alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">蔚来李斌</p>

                <p class="vqq-detail">汽车革新浪潮已经袭来</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="q05019umr82">

                <div class="vqq-cover-wrap">

                    <img src="http://external-1255598498.file.myqcloud.com/public_h5/%E8%94%9A%E6%9D%A5H5/4%20%E5%BE%80%E6%9C%9F%E5%9B%9E%E9%A1%BE%E5%B0%81%E9%9D%A2%E5%9B%BE/%E7%AC%AC22%E6%9C%9F%20%E8%98%91%E8%8F%87%E8%A1%97%E6%9D%8E%E6%96%8C.png"

                        alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">美丽联合CEO陈琪</p>

                <p class="vqq-detail">智慧电商不安分的技术心</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="h0549gxsdc4">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/38d704666dee79c3daa375e80d89b883/past-21.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">KOL--Keso洪波</p>

                <p class="vqq-detail">互联网的上半场拼什么？</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="x05483usdlp">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/c2f923ad6d80a0473d4d58f0340d0aef/past-20.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">财经作家吴晓波</p>

                <p class="vqq-detail">《腾讯传》背后的故事</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="k0544opab15">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/1ff8640844895e2ff583fc0b807eba03/past-19.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">真格基金徐小平</p>

                <p class="vqq-detail">把创业者梦想架在云上</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="x0506969bdp">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/1dd862e386976f3c0004f077989946cd/past-18.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">去哪儿网：张强</p>

                <p class="vqq-detail">人工智能是未来？</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="e0396be80re">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/fbf74c5781ff45926b7da54547fc9303/past-17.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">G7：吴海波</p>

                <p class="vqq-detail">他们正在改变货车司机的命运</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="m0394e272cx">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/38d7181979fef2847bb4b1c8cef3cfeb/past-16.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">三一重工：贺东东</p>

                <p class="vqq-detail">你了解工业4.0吗？</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="x0323qx00yh">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/1ad4fafb74c00055ca8cf3db9029bca5/past-15.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">安心保险：钟诚</p>

                <p class="vqq-detail">互联网巨头角逐金融云</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="e0323ujhq2h">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/8f5e94aab6005a379ce116475e71a3c1/past-14.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">58集团：邢宏宇</p>

                <p class="vqq-detail">漫步云端的58，怎么个神奇法？</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="l0326jxwn17">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/37f4d2333fa5c3c93b51b9866a05a9b1/past-13.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">巨人网络：胡远星</p>

                <p class="vqq-detail">是什么驱动游戏产业的腾飞？</p>

            </a>

            <!-- <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="c032465t9in">

<div class="vqq-cover-wrap">

<img src="https://mc.qcloudimg.com/static/img/bcc6c4d99a47d7f95fc066be85e2e748/past-12.png" alt="" class="vqq-cover">

<img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

</div>

<p class="vqq-title">饿了么：张雪峰</p>

<p class="vqq-detail">020迈进下半场的关键竟是它</p>

</a> -->

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="r0321q98t0f">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/8166234e5f6bbf79eba702c8185cace5/past-11.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">同程旅游：张海龙</p>

                <p class="vqq-detail">云化路上需要最信任的伙伴</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="q0316036mzu">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/31f085c9b69126f965906556afe32ecb/past-10.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">75峰会特别节目</p>

                <p class="vqq-detail">万科、新东方、美的大佬有话说</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="p0306fccp3n">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/ea89da8d9b4adc4a9fd9324ce061a771/past-9.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">小红书：郄小虎</p>

                <p class="vqq-detail">云计算和小红书之间的秘密</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="p0300nr7r3a">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/7716eb6c2fbd492028c81fd733e23524/past-8.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">百合网：杨溢欣</p>

                <p class="vqq-detail">揭秘婚恋生态圈的基实</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="a0186nevz6f">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/268b60680f07c0257ccdcd85808f6cfa/past-7.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">富途证券：陈伟华</p>

                <p class="vqq-detail">富途证券，何以成互联网新贵？</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="x0182e50ql8">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/56eca836e4ad3c1175929aef9a56f63d/past-6.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">ZEALER：王自如</p>

                <p class="vqq-detail">保护用户体验是关键</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="j01754n4mek">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/295b85caf99b8a59def68c1a90f2bc1b/past-5.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">微票儿：杨森淼</p>

                <p class="vqq-detail">微票儿年增长率4000％的秘诀？</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="g0173y526ht">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/8f94fa0c14d2816bfde22bc31daff4f3/past-4.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">龙珠直播：谭振林</p>

                <p class="vqq-detail">电竞圈"黑马"的崛起秘笈</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="p0163o0hqmz">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/1ab90ff025dea66f440c9914842bd5ba/past-3.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">土巴兔：王国彬</p>

                <p class="vqq-detail">家装界Uber的七年之痒</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="l01617gsdti">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/408c7425d6fa5d023beecd5e0e7fde50/past-2.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">e袋洗：岑永洪</p>

                <p class="vqq-detail">1亿美元B轮融资背后的故事</p>

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="q0157pd9tj4">

                <div class="vqq-cover-wrap">

                    <img src="https://mc.qcloudimg.com/static/img/4588a618ea0a5b7e3978a4a61b1963f2/past-1.png" alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">滴滴出行：张博</p>

                <p class="vqq-detail">解密滴滴如何挺过"补贴大战"？</p>

            </a>

        </div>

        <div class="hide-review-more">

            <a href="javascript:;" class="mod-btn" id="hideReviewPoint">收起</a>

        </div>

    </div>

    <!-- 查看更多 ]] -->

    <!-- 查看更多 [[ -->

    <div class="review-more" id="currentPoint">

        <div class="mod-title">

            <img src="https://mc.qcloudimg.com/static/img/3ef78690b25acaf3b1f7b1fd6eb62b9a/title-before.png" alt="" class="title-before">

            <span class="">本期看点</span>

        </div>

        <div class="vqq-wrap">

            <a class="vqq-item clearfix show-video" href="javascript:;" data-vid="i052011obn1">

                <div class="vqq-cover-wrap">

                    <!-- <img src="https://mc.qcloudimg.com/static/img/c0e5dec4872e0eb0f5b6b28aabe5bdfd/current-1.jpg" alt="" class="vqq-cover"> -->

                    <img src="http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/3%20%E6%9C%AC%E6%9C%9F%E7%9C%8B%E7%82%B9%E5%B0%81%E9%9D%A2%E5%9B%BE/%E7%9C%8B%E7%82%B91.jpg"

                        alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">智慧+出行，摩拜解决最后一公里的痛点</p>

                <!-- <p class="vqq-detail">人工智能是未来？</p> -->

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="w0520kovzqq">

                <div class="vqq-cover-wrap">

                    <!-- <img src="https://mc.qcloudimg.com/static/img/a11425b45d12156c76d9752da531b0b6/current-2.jpg" alt="" class="vqq-cover"> -->

                    <img src="http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/3%20%E6%9C%AC%E6%9C%9F%E7%9C%8B%E7%82%B9%E5%B0%81%E9%9D%A2%E5%9B%BE/%E7%9C%8B%E7%82%B92.jpg"

                        alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">整合行业资源，摩拜打造智能物联生态</p>

                <!-- <p class="vqq-detail">他们正在改变货车司机的命运</p> -->

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="q0520erof8t">

                <div class="vqq-cover-wrap">

                    <!-- <img src="https://mc.qcloudimg.com/static/img/9c692971c9d231a150456286297ce7b7/current-3.jpg" alt="" class="vqq-cover"> -->

                    <img src="http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/3%20%E6%9C%AC%E6%9C%9F%E7%9C%8B%E7%82%B9%E5%B0%81%E9%9D%A2%E5%9B%BE/%E7%9C%8B%E7%82%B93.jpg"

                        alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">摩拜在智能科技的投入和突破</p>

                <!-- <p class="vqq-detail">你了解工业4.0吗？</p> -->

            </a>

            <a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="u0520vd3v7a">

                <div class="vqq-cover-wrap">

                    <!-- <img src="https://mc.qcloudimg.com/static/img/b2face89c9302c9e70b81d6356625306/current-4.jpg" alt="" class="vqq-cover"> -->

                    <img src="http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/3%20%E6%9C%AC%E6%9C%9F%E7%9C%8B%E7%82%B9%E5%B0%81%E9%9D%A2%E5%9B%BE/%E7%9C%8B%E7%82%B94.jpg"

                        alt="" class="vqq-cover">

                    <img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">

                </div>

                <p class="vqq-title">夏一平的创业心得</p>

                <!-- <p class="vqq-detail">互联网巨头角逐金融云</p> -->

            </a>

        </div>

        <div class="hide-review-more">

            <a href="javascript:;" class="mod-btn" id="hideCurrentPoint">收起</a>

        </div>

    </div>

    <!-- 查看更多 ]] -->

    <div class="modal-video">

        <div class="vide-content" id="vide-content"></div>

        <div class="close-modal"></div>

    </div>

    <script src="https://mc.qcloudimg.com/static/script/9a328a6916e3ec86ebd4f3fa832fb233/jquery.1.9.1.js"></script>

    <script src="https://mc.qcloudimg.com/static/script/a639364c11ad398f8aca217d2ce66eb3/resLoader.js"></script>

    <script>

        var loader = new resLoader({

            resources: ['https://mc.qcloudimg.com/static/style/8c6eee6b2107ef25dc486020ced13898/normalize.css',

                'https://mc.qcloudimg.com/static/style/6af34d0737ad0ca608111771cf74cc79/swiper.min.css',

                'https://mc.qcloudimg.com/static/img/d294ae6966d2151a6fe16b9a69ca4b65/loading-cover.jpg',

                'https://mc.qcloudimg.com/static/script/7220abf5713b68943c18a9f9ceef740a/iphone-inline-video.min.js'

            ],

            onStart: function (total) {},

            onProgress: function (current, total) {

                var percent = parseInt(current / total * 100);

                $('#loading').text(percent + '%');

                $('.progress').css({

                    'width': percent + '%'

                });

            },

            onComplete: function (total) {

                setTimeout(function () {

                    $('.myLoading').hide();

                }, 2000);

            }

        });

        loader.start();

    </script>

    <script src="https://mc.qcloudimg.com/static/script/e8e7a359343270c64dc77834da6baa25/swiper.min.js"></script>

    <script src="https://mc.qcloudimg.com/static/script/4170c05656255775ea13e32cabf8fc55/jquery.touchSwipe.min.js"></script>

    <script src="https://vm.gtimg.cn/tencentvideo/txp/js/txplayer.js"></script>

    <script src="https://mc.qcloudimg.com/static/script/7220abf5713b68943c18a9f9ceef740a/iphone-inline-video.min.js"></script>

    <script src="https://mc.qcloudimg.com/static/script/8ccbce0261da12ebfc8d21adcc6e9154/video.js"></script>

    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

    <script src="//ossweb-img.qq.com/images/js/PTT/ping_tcss_tgideas_https_min.js"></script>

    <script src="//ossweb-img.qq.com/images/js/TGMobileShare/TGMobileShare.min.js"></script>

    <script>

        var meet = {

            _w: document.documentElement.clientWidth,

            _h: document.documentElement.clientWidth,

            init: function () {

                this.videoHeight = this.getHeight(16 / 9);

                this.active();

                this.initSwiper();

                this.touchSwipeReview();

                this.showShare();

                this.closeShare();

                this.showReviewPoint();

                this.showCurrentPoint();

                this.reviewPointVideo();

                //this.wxShare();

            },

            initVideo: function (id, pic) {

                var _this = this;

                var player = new Txplayer({

                    containerId: 'mod-player',

                    vid: id,

                    width: _this._w,

                    height: _this.videoHeight,

                    poster: pic

                });

            },

            getHeight: function (scale) {

                return this._w / scale;

            },

            active: function () {

                var _this = this;

                $('.mod-player').css({

                    'width': _this._w,

                    'height': _this.videoHeight

                });

                $('#vide-content').css({

                    'margin-top': (_this._h - _this.videoHeight) / 2

                });

                document.querySelector('body').addEventListener('touchmove', function (e) {

                    if (!document.querySelector('.review-more').contains(e.target)) {

                        e.preventDefault();

                    }

                });

                _this.initVideo('b0520i6oiq9',

                    'http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/1%20%E5%AE%8C%E6%95%B4%E7%89%88%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2%E5%9B%BE/%E8%A7%86%E9%A2%91%E5%B0%81%E9%9D%A2%E5%9B%BE.JPG'

                );

            },

            initSwiper: function () {

                var mySwiper = new Swiper('.swiper-container', {

                    direction: 'vertical',

                    loop: false,

                    pagination: '.swiper-pagination',

                    speed: 200,

                    onSlideChangeStart: function (swiper) {

                        if (swiper.activeIndex === 2) {

                            $('.slider-up').addClass('slider-up-guide');

                        } else {

                        }

                    }

                })

            },

            touchSwipeReview: function () {

                $(".review").swipe({

                    swipe: function (event, direction, distance, duration, fingerCount, fingerData) {

                        if (direction === 'up') {}

                    }

                });

            },

            showShare: function () {

                $('#qrcodeShow').on('click', function () {

                    $('.share').fadeIn();

                });

            },

            closeShare: function () {

                $('.share').on('click', function () {

                    $(this).fadeOut();

                });

            },

            showReviewPoint: function () {

                $('#showReviewPoint').on('click', function () {

                    $('#reviewPoint').fadeIn();

                })

                $('#hideReviewPoint').on('click', function () {

                    $('#reviewPoint').fadeOut();

                });

            },

            showCurrentPoint: function () {

                $('#showCurrentPoint').on('click', function () {

                    $('#currentPoint').fadeIn();

                })

                $('#hideCurrentPoint').on('click', function () {

                    $('#currentPoint').fadeOut();

                });

            },

            reviewPointVideo: function () {

                var _this = this;

                var player;

                $('.show-video').on('click', function () {

                    var vid = $(this).attr('data-vid');

                    console.log(vid)

                    player = new Txplayer({

                        containerId: 'vide-content',

                        vid: vid,

                        width: _this._w,

                        height: _this.videoHeight

                    });

                    $('.modal-video').fadeIn();

                })

                $('.close-modal').on('click', function () {

                    $('.modal-video').fadeOut();

                    $('#vide-content').empty();

                })

            },

            /*wxShare: function () {

            wx.ready(function () {

            wx.onMenuShareAppMessage({

            title: "摩拜夏一平：用云端黑科技打造智能出行",

            desc: "Let's Mobike",

            link: "static.lingbokeji.cn/mogujie/v8",

            imgUrl: 'http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/6%20%E5%88%86%E4%BA%AB%E7%BC%A9%E7%95%A5%E5%9B%BE/%E5%88%86%E4%BA%AB%E7%BC%A9%E7%95%A5%E5%9B%BE.jpg'

            });

            wx.onMenuShareTimeline({

            title: "摩拜夏一平：用云端黑科技打造智能出行",

            desc: "Let's Mobike",

            link: "static.lingbokeji.cn/mogujie/v8",

            imgUrl: 'http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/6%20%E5%88%86%E4%BA%AB%E7%BC%A9%E7%95%A5%E5%9B%BE/%E5%88%86%E4%BA%AB%E7%BC%A9%E7%95%A5%E5%9B%BE.jpg'

            });

            });

            }*/

        }

        $(document).ready(function () {

            $('body').on('touchmove', function (event) {});

            meet.init();

        });

    </script>

    <script>

        $(function () {

            $.ajax({

                url: './jsConfig.php',

                type: 'post',

                data: {

                    url: location.href,

                },

                dataType: 'json',

                success: function (r) {

                    jsApiStart(r);

                }

            });

        });

        function jsApiStart(obj) {

            wx.config({

                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

                appId: obj.appId, // 必填，公众号的唯一标识

                timestamp: obj.timestamp, // 必填，生成签名的时间戳

                nonceStr: obj.noncestr, // 必填，生成签名的随机串

                signature: obj.signStr, // 必填，签名，见附录1

                jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

            });

            wx.ready(function () {

                wx.onMenuShareAppMessage({

                    title: "摩拜夏一平：用云端黑科技打造智能出行",

                    desc: "Let's Mobike",

                    link: "http://h5.0rh.cn/mobike/",

                    imgUrl: 'http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/6%20%E5%88%86%E4%BA%AB%E7%BC%A9%E7%95%A5%E5%9B%BE/%E5%88%86%E4%BA%AB%E7%BC%A9%E7%95%A5%E5%9B%BE.jpg'

                });

                wx.onMenuShareTimeline({

                    title: "摩拜夏一平：用云端黑科技打造智能出行",

                    desc: "Let's Mobike",

                    link: "http://h5.0rh.cn/mobike/",

                    imgUrl: 'http://external-1255598498.file.myqcloud.com/public_h5/%E6%91%A9%E6%8B%9CH5%E6%9B%BF%E6%8D%A2/6%20%E5%88%86%E4%BA%AB%E7%BC%A9%E7%95%A5%E5%9B%BE/%E5%88%86%E4%BA%AB%E7%BC%A9%E7%95%A5%E5%9B%BE.jpg'

                });

            });

        }

    </script>

</body>

</html>

xxxxxxxxxxxxxxxxxxx的更多相关文章

  1. dll 已注册 检索 COM 类工厂中 CLSID 为 {XXXX-XXXX-XXX-XXXXX-XXX} 的组件时失败，原因是出现以下错误: 80040154。

    前几天碰到的问题,错误提示“ 检索 COM 类工厂中 CLSID 为 {XXXX-XXXX-XXX-XXXXX-XXX} 的组件时失败,原因是出现以下错误: 80040154.”,然而dll已注册,注 ...

  2. requestLayout() improperly called by xxxxxxxxxxxxxxxxxxx ScrollViewContainer 问题

    当scrollview内的内容更改大小时,Scrollview不会自行调整大小.效果是,当内容变小时,内容将留在原来的位置,当内容变大时,无法看到.仅当ScrollView位于作为MasterDeta ...

  3. REST简介

    一说到REST,我想大家的第一反应就是“啊,就是那种前后台通信方式.”但是在要求详细讲述它所提出的各个约束,以及如何开始搭建REST服务时,却很少有人能够清晰地说出它到底是什么,需要遵守什么样的准则. ...

  4. python基础-面向对象进阶

    一.什么是反射 反射的概念是由Smith在1982年首次提出的,主要是指程序可以访问.检测和修改它本身状态或行为的一种能力(自省).这一概念的提出很快引发了计算机科学领域关于应用反射性的研究.它首先被 ...

  5. *** wechat-php-sdk 微信公众平台php开发包

    wechat-php-sdk 微信公众平台php开发包,细化各项接口操作,支持链式调用,欢迎Fork此项目weixin developer SDK. 项目地址:https://github.com/d ...

  6. Python之路【第六篇】python基础 之面向对象进阶

    一 isinstance(obj,cls)和issubclass(sub,super) isinstance(obj,cls)检查是否obj是否是类 cls 的对象  和  issubclass(su ...

  7. android 之httpclient方式提交数据

    HttpClient: 今天实战下httpclient请求网络json数据,解析json数据返回信息,显示在textview, 起因:学校查询饭卡余额,每次都要访问校园网(内网),才可以查询,然后才是 ...

  8. Zabbix实现微信报警

    一.  申请企业微信账号,申请地址 https://qy.weixin.qq.com/ 二. 登陆企业微信账 图一 图二 2.添加微信账号 图一 图二 完成以上步骤后 就完成了微信账号的添加 三.新建 ...

  9. ****CI框架源码阅读笔记7 配置管理组件 Config.php

    http://blog.csdn.net/ohmygirl/article/details/41041597 一个灵活可控的应用程序中,必然会存在大量的可控参数(我们称为配置),例如在CI的主配置文件 ...

随机推荐

  1. virutalenv一次行安装多个requirements里的文件

  2. git_02_git常用操作命令

    前言 Git是一个开源的分布式版本控制系统,可以有效.高速地处理从小到大的项目版本管理.编写自动化测试脚本的过程中,经常要用到git命令,但总是记不住,每次都要百度有些麻烦.于是为了方便使用,在这总结 ...

  3. ecshop注册用户增加手机验证功能

    1.去掉“用户名”注册 a.去掉提交 user_passport.dwt页面去掉 <input name="username" type="text" s ...

  4. Centos6.8忘记MySQL数据库root密码解决方法

    一.更改MySQL配置文件my.cnf,跳过密码验证. 编辑配置文件/etc/my.cnf文件,在[mysqld]下面添加skip-grant-tables,保存退出.如图: vim /etc/my. ...

  5. HDFS-HA高可用工作机制

    1.HDFS-HA概述 1)所谓HA(high available),即高可用(7*24小时不中断服务). 2)实现高可用最关键的策略是消除单点故障.HA严格来说应该分成各个组件的HA机制:HDFS的 ...

  6. <每日一题> Day8：CodeForces-996A.Hit the Lottery(贪心)

    原题链接 因为数据太水,我直接一发暴力过了...... #include <cstdio> using namespace std; ] = {, , , , }; int main() ...

  7. Poj 3268 Silver cow party 迪杰斯特拉+反向矩阵

    Silver cow party 迪杰斯特拉+反向 题意 有n个农场,编号1到n,每个农场都有一头牛.他们想要举行一个party,其他牛到要一个定好的农场中去.每个农场之间有路相连,但是这个路是单向的 ...

  8. spring aop实现数据库的读写分离

    为了减轻数据库的压力,一般会使用数据库主从(master/slave)的方式,但是这种方式会给应用程序带来一定的麻烦,比如说,应用程序如何做到把数据写到master库,而读取数据的时候,从slave库 ...

  9. python sys模块导入和模块的使用

    sys故名思意,就是系统模块,系统模块内置很多方法,怎么样去调用方法呢 1,argv 参数 sys.argv() 2,exit() 退出程序 sys.exit() 3,version  获取版本信息 ...

  10. 垂直口风琴菜单3（jquery）

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...