xiugai完了
<!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="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, 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="./css/style.css">
<title>腾讯云会客厅</title>
<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/%E8%94%9A%E6%9D%A5H5/5%20%E5%BC%80%E5%A4%B4%E7%AB%96%E7%89%8815s%E8%A7%86%E9%A2%91/30s%E7%AB%96%E7%89%88%E5%BC%80%E5%9C%BA.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="">美丽联合CEO陈琪：智慧电商不安分的技术心</p> -->
<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="https://mc.qcloudimg.com/static/img/ffdb1982f9bd7e835034ffcabf8ca9b7/guest.jpg" alt="guest" class=""> -->
<img src="http://external-1255598498.file.myqcloud.com/public_h5/%E8%94%9A%E6%9D%A5H5/2%20%E6%A0%8F%E7%9B%AE%E4%BB%8B%E7%BB%8D%E5%98%89%E5%AE%BE%E5%9B%BE/%E6%9D%8E%E6%96%8C.png"
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="z05146qildk">
<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/%E8%94%9A%E6%9D%A5H5/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">李斌眼中的汽车3.0时代是怎样的？</p>
<!-- <p class="vqq-detail">云计算驱动游戏产业腾飞</p> -->
</a>
<a class="vqq-item clearfix mt60 show-video" href="javascript:;" data-vid="r0514rohdtm">
<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/%E8%94%9A%E6%9D%A5H5/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.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="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="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="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> -->
</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="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="z05146qildk">
<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/%E8%94%9A%E6%9D%A5H5/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">李斌眼中的汽车3.0时代是怎样的？</p>
<!-- <p class="vqq-detail">人工智能是未来？</p> -->
</a>
<a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="r0514rohdtm">
<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/%E8%94%9A%E6%9D%A5H5/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.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="b0514qxsm0w">
<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/%E8%94%9A%E6%9D%A5H5/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.png"
alt="" class="vqq-cover">
<img src="https://mc.qcloudimg.com/static/img/4fb68841eafb758723aa7def3364edf3/play.png" alt="" class="play">
</div>
<p class="vqq-title">汽车3.0时代需要怎样的云服务商</p>
<!-- <p class="vqq-detail">你了解工业4.0吗？</p> -->
</a>
<a class="vqq-item clearfix mt30 show-video" href="javascript:;" data-vid="x05148austn">
<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/%E8%94%9A%E6%9D%A5H5/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="./js/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) {
// console.log('start:' + total);
},
onProgress: function (current, total) {
// console.log(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="./js/video.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();
},
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('j0511ygervb',
'http://external-1255598498.file.myqcloud.com/public_h5/%E8%94%9A%E6%9D%A5H5/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/%E5%B0%81%E9%9D%A2%E5%9B%BE.JPG'
);
},
initSwiper: function () {
var mySwiper = new Swiper('.swiper-container', {
// Optional parameters
direction: 'vertical',
loop: false,
pagination: '.swiper-pagination',
speed: 200,
onSlideChangeStart: function (swiper) {
console.log(swiper.activeIndex);
if (swiper.activeIndex === 2) {
$('.slider-up').addClass('slider-up-guide');
} else { }
}
})
},
touchSwipeReview: function () {
$(".review").swipe({
//Generic swipe handler for all directions
swipe: function (event, direction, distance, duration, fingerCount, fingerData) {
// console.log("You swiped " + direction);
if (direction === 'up') {
// $('.share').fadeIn();
}
}
});
},
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();
})
}
} $(document).ready(function () {
$('body').on('touchmove', function (event) {
// event.preventDefault();
});
meet.init();
});
</script>
</body> </html>
xiugai完了的更多相关文章
- <c ss高效开发实战>看完了，Bootstrap学习是关键
Bootstrap果真给我们带来了很多便利,学习CSS,必须要掌握很多框架和快速学习的方法. 这本书看完了,也写过几篇读书笔记,墙裂推荐.不上书封面了,只上书的导图. 这里说几点学习CSS的心得 1. ...
- 学完了js的知识，一起分享总结知识点
又一个知识点学完了,到了总结学习效果和知识总结的时间了.js这个编程语言相对于html和css的逻辑性要强一些,也比较不容易上手.概念性的知识点不难理解,就是实际的操作并不容易,需要通过学习和借鉴案列 ...
- 这样leetcode简单题都更完了
这样leetcode简单题都更完了,作为水题王的我开始要更新leetcode中等题和难题了,有些挖了很久的坑也将在在这个阶段一一揭晓,接下来的算法性更强,我就要开始分专题更新题目,而不是再以我的A题顺 ...
- 终于把你必须知道的.NET看完了
终于把你必须知道的.NET看完了,第二步就是把精通ASP.NET MVC3框架这本书搞定,练习MVC3的使用,并把EF,LINQ也练习一下,期间要做一个项目“多用户微信公众平台”项目,最近微信公众平台 ...
- 读完了csapp(中文名：深入理解计算机系统)
上个星期最终把csapp看完了. 我买的是中文版的,由于除了貌似评价不错以外,由于涉及到些自己不了解的底层东西,怕是看英文会云里雾里.如今看来,大概不能算是个长处,可是的确可以加快我的看书速度,否则一 ...
- 第二天——hibernate讲完了
hibernate 逐步优化 第一步 只按照步骤来提取的 jre包导入错误 第二步 继续封装,把增删改查提取出来,同时进行代码的封装 HQL语句 be stranger in the code .be ...
- Unity问答——请问一下动画状态机怎么判断动画是否播完了？
这篇博客源自我在泰课在线的回答.链接:http://www.taikr.com/group/1/thread/233 问:请问一下动画状态机怎么判断动画是否播完了? 答: 1. 脚本参考 Animat ...
- 【我的漫漫跨考路】有生之年·调完了BUG--冒泡排序C++版本
正文之前 今天去牛客网试了试一些实战编程题,感觉贼有意思,但是也很难,挑了个成绩排序的算法题我就开始怼! 对我一个编程经验并不是很丰富的人来说,确实算是个挑战了. 所以我满满当当的搞了四个小时多,才算 ...
- JAVA之旅（三十五）——完结篇，终于把JAVA写完了，真感概呐！
JAVA之旅(三十五)--完结篇,终于把JAVA写完了,真感概呐! 这篇博文只是用来水经验的,写这个系列是因为我自己的java本身也不是特别好,所以重温了一下,但是手比较痒于是就写出了这三十多篇博客了 ...
随机推荐
- 实验报告一 &第三周课程总结
实验报告 1.打印输出所有的“水仙花数”,所谓“水仙花数”是指一个3位数,其中各位数字立方和等于该数本身.例如,153是一个“水仙花数”. 实验代码: public class wdnmd{ publ ...
- sql语句中【模糊查询like的使用】
1.like的使用: 在数据库软件中进行测试时,书写的格式是: 比如: select * from fdx.dbo.[User] where 1=1 and name like '%'+'a'+'%' ...
- SpringBoot(九) -- SpringBoot与数据访问
一.简介 对于数据访问层,无论是SQL还是NOSQL,Spring Boot默认采用整合Spring Data的方式进行统一处理,添加大量自动配置,屏蔽了很多设置.引入各种xxxTemplate,xx ...
- 利用Redisson实现分布式锁及其底层原理解析
Redis介绍 参考地址:https://blog.csdn.net/turbo_zone/article/details/83422215 redis是一个key-value存储系统.和Memcac ...
- 重载与重写、多态——java
方法的重写(Overriding)和重载(Overloading)是java多态性的不同表现,重写是父类与子类之间多态性的一种表现,重载可以理解成多态的具体表现形式. (1)方法重载是一个类中定义了多 ...
- SQLServer查看及设置最大连接数
很多时候自己本地开发会遇到 ,打开几个连接正常访问 之后就报错误,这时候需要调整sqlserver 最大连接数. 1. 查询最大连接数 SELECT value_in_useFROM sys.conf ...
- es6 promise 结束回调地狱
promise的三种状态: pending---进行中 fulfiled---执行成功 rejected---执行失败 var promise = new Promise(function(resol ...
- ll字段 详解 文件权限
文件类型和权限 硬链接总数 属主用户名 属组组名 文件大小(字节) 上次修改时间 文件/目录名 drwxr-xr-x 15 lb lb 4096 10月 19 01:11 ./ drwxr-xr-x ...
- python中常用的时间操作
python中常用的时间模块有time和datetime,以下是这两个模块中常用的方法: #先引入模块 import timefrom datetime import datetiem, timezo ...
- 【技巧】Windows 10 1809无法接收1903解决方法
这都7月份了,Windows10 1903都升级的有一个月了,然而我的1809的系统一直找不到1903的更新. 虽说1903会有bug,但还是想体验一把.周围同事都更新了,心里还是痒痒的. 于是每天都 ...