新增分享頁

6c8b1020 · agan · eb9d81a3 · 6c8b1020 · 6c8b1020
Commit 6c8b1020 authored Jan 18, 2022 by agan
Showing with 169 additions and 0 deletions
footseen/share/index3.html
footseen/share/js/index3.js
--- a/footseen/share/index3.html
+++ b/footseen/share/index3.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+   <script type="text/javascript" charset="UTF-8" src="https://web.cdn.openinstall.io/openinstall.js"></script>
+    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-115294467-1"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', 'UA-115294467-1');
+    </script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
+
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta content="telephone=no" name="format-detection">
+    <meta name="wap-font-scale" content="no">
+    <link rel="icon" href="../img/logo2.png" type="image/x-icon"/>  
+    <title></title>
+    <link rel="stylesheet" href="css/base.css">
+     <link rel="stylesheet" href="css/video-js.css" />
+    <link rel="stylesheet" href="css/index.css">
+    <script src="lib/fsize.js"></script>
+    <style type="text/css">
+    	body{
+    		overflow-x: hidden;
+    	}
+    	 .video-js .vjs-time-control{
+    	 	display:block;
+    	 	min-width: 1em;
+    	 	padding-left: .5em;
+    		padding-right: .5em;
+    	 	} 
+    	 .video-js .vjs-remaining-time{display: none;}
+    	 
+/*video::-internal-media-controls-download-button {
+    display:none;
+}
+ 
+video::-webkit-media-controls-enclosure {
+    overflow:hidden;
+}*/
+ .video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{
+ 	z-index: 30;
+ }
+    </style>
+</head>
+<body>
+
+<div class="bg">
+
+    <div class="weixin"></div>
+
+    <div class="guanzhu"><span  class="add"><img style="width: 0.35rem;" src="images/add.png" alt=""></span> <span class="lang-show"></span></div>
+        <span class="name-more">
+               <div class="more">
+                   <!--<img src="images/sister.png" alt="">-->
+                   <!--<span class="name">彼岸花开</span>-->
+                   <!--<span class="hot">200 围观</span>-->
+               </div>
+        </span>
+
+    <div class="down">
+        <span class="down-l"><img src="images/sister-b.png" alt=""></span>
+        <span class="down-font"><span class="lang-show"></span></span>
+        <div class="down-btn"><span class="lang-show"></span></div>
+    </div>
+    <div class="down-bottom">
+        <span class="down-l"><img src="images/sister-b.png" alt=""></span>
+        <span class="down-font"><span class="lang-show"></span></span>
+        <div class="down-btn"><span class="lang-show"></span></div>
+    </div>
+    <div class="video-play">
+        <!--<div class="end">-->
+            <!--<span class="text1">直播已结束</span>-->
+            <!--<span class="text2">进入APP看直播</span>-->
+        <!--</div>-->
+        <div class="video-play-bg">
+        	<div class="video-play-bg1"></div>
+					<div class="video-play-bg2"></div>
+            <!--<img src="https://zhibocdn.yabolive.net/comm/user/img/434467/222f3e5ea31b43b79efb6a60a2aa2d04.jpg" alt="">-->
+        </div>
+
+        <!--<video id="videoID"webkit-playsinline="true" x-webkit-airplay="true"  playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="true"style="width: 100%;height: 100%;object-fit: fill;z-index: -1"; preload="auto"  autoplay loop poster="" src="https://zhibocdn.yabolive.net/mp4/meetlive.mp4">-->
+        <!--</video>-->
+
+        <div class="play-btn"><img src="images/play.png" alt=""></div>
+        <div class="play-bottom">
+            <input class="inp" placeholder="與主播聊聊天吧..." type="text">
+            <img class="gift" src="images/gift.gif" alt="">
+        </div>
+    </div>
+
+    <div class="more-video">
+        <div class="more-h1"><img style="margin-right: .2rem;" src="images/hot.png" alt=""> <span class="lang-show"></span> <img
+                style="margin-left: .2rem;" src="images/hot.png" alt=""></div>
+        <ul class="more-ul clearfix">
+            <!--<li><img src="images/beautiful.png"><div class="live"><span class="dian"></span><span class="live-text">Live</span></div></li>-->
+            <!--<li><img src="images/beautiful.png"><div class="live"><span class="dian"></span><span class="live-text">Live</span></div></li>-->
+            <!--<li><img src="images/beautiful.png"><div class="live"><span class="dian"></span><span class="live-text">Live</span></div></li>-->
+            <!--<li><img src="images/beautiful.png"><div class="live"><span class="dian"></span><span class="live-text">Live</span></div></li>-->
+            <!--<li><img src="images/beautiful.png"><div class="live"><span class="dian"></span><span class="live-text">Live</span></div></li>-->
+            <!--<li><img src="images/beautiful.png"><div class="live"><span class="dian"></span><span class="live-text">Live</span></div></li>-->
+            <!--<li><img src="images/beautiful.png"><div class="live"><span class="dian"></span><span class="live-text">Live</span></div></li>-->
+            <!--<li><img src="images/beautiful.png"><div class="live"><span class="dian"></span><span class="live-text">Live</span></div></li>-->
+            <!--<li><img src="images/beautiful.png"><div class="live"><span class="dian"></span><span class="live-text">Live</span></div></li>-->
+            <!--<li><img src="images/beautiful.png"><div class="live"><span class="dian"></span><span class="live-text">Live</span></div></li>-->
+            <!--<li><img src="images/beautiful.png"><div class="live"><span class="dian"></span><span class="live-text">Live</span></div></li>-->
+            <!--<li><img src="images/beautiful.png"><div class="live"><span class="dian"></span><span class="live-text">Live</span></div></li>-->
+        </ul>
+    </div>
+</div>
+<div class="shadow-img"><img src="images/share-img.png" alt=""></div>
+</body>
+<script src="lib/jquery-3.1.1.min.js"></script>
+<script type="text/javascript" src="js/video.min.js"></script>
+<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script>
+<script src="js/index3.js?v=202004261753"></script>
+<script>
+    var language = (navigator.browserLanguage || navigator.language).toLowerCase();
+    if(language.indexOf('zh')>-1){
+        $("title").text('直播分享')
+
+        var langJSON={
+            "langList":[
+                {"text":"追蹤"},
+                {"text":"海量正妹 與你 親密互動"},
+                {"text":"點擊打開"},
+                {"text":"海量正妹 與你 親密互動"},
+                {"text":"點擊打開"},
+                {"text":"更多熱門直播"},
+
+            ]
+        }
+    }else if(language.indexOf('en')>-1){
+        $("title").text('Live stream sharing')
+        var langJSON={
+            "langList":[
+                {"text":"Follow"},
+                {"text":"Click here to engage more"},
+                {"text":"Click to start"},
+                {"text":"Click here to engage more"},
+                {"text":"Click to start"},
+                {"text":"More popular"},
+
+            ]
+        }
+    }else{
+        $("title").text('Live stream sharing')
+        var langJSON={
+            "langList":[
+                {"text":"追蹤"},
+                {"text":"海量正妹 與你 親密互動"},
+                {"text":"點擊打開"},
+                {"text":"海量正妹 與你 親密互動"},
+                {"text":"點擊打開"},
+                {"text":"更多熱門直播"},
+            ]
+        }
+    }
+    for(var i=0;i<langJSON.langList.length;i++){
+        $(".lang-show").eq(i).text(langJSON.langList[i].text);
+    }
+</script>
+</html>
\ No newline at end of file
--- a/footseen/share/js/index3.js
+++ b/footseen/share/js/index3.js