<!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>
<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">
<title></title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/newindex.css?v=2021070515422222">
<script src="lib/fsize.js"></script>
</head>
<body>
<div class="main">
<div class="mTop" onclick="browserRedirect();">
<img src="img/logo.png" class="mTopLogo">
<div class="mTopInfo">
<p>Firefly Live</p>
<p></p>
</div>
<div class="mTopBtn"></div>
</div>
<!--正在直播-->
<div class="mLiveStart hide">
<div class="box_img">
<img class="bg_img" src=""/>
</div>
<!--播放按钮-->
<div class="mListPlay">
<img src="img/playicon.png"/>
</div>
<!--播放盒子-->
<div class="video-play">
<div class="video-play-bg">
</div>
</div>
<div class="mLiveBox">
<img src="https://big.bgp.ourpow.com/comm/stscli/prod/1113831516226037718222ea1d30515bf4ce9b72954e2caf4eabf.jpg"/>
123456
</div>
</div>
<!--直播已经结束-->
<div class="mLiveEnd hide">
<p class="mLiveText"></p>
<div class="mUserBtn" onclick="browserRedirect();"></div>
</div>
<div class="mBottom" onclick="browserRedirect();">
<span></span>
</div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="js/lang.js"></script>
<script src="js/common.js"></script>
<script type="text/javascript">
if(getRequest().roomType == 2){
window.location.href = 'index2.html'+location.search;
}
var h=$(window).height();
$(".video-play").css("height",h+'px');
$('title').html(langList[langType].share8)
$('.mTopInfo p').eq(1).html(langList[langType].share1);
$('.mTopBtn').html(langList[langType].share2);
$('.mUserBtn').html(langList[langType].share5);
$('.mBottom span').html(langList[langType].share7);
$('.mLiveText').html(langList[langType].share6);
room(getRequest().uid);
function room(o){
//获取直播间相关数据
$.ajax({
url: $ip + "/share/getInfo.html",
type: "post",
data: {
'uid':0,
'os': "WEB",
'cid': "web_gw",
'lang': 2,
'fid': o,
},
error: function (msg) {
console.log('请求出错');
},
success: function (msg) {
var data=JSON.parse(msg);
var str = '';
$('.mLiveEnd,.mLiveStart').addClass('hide');
if(data.code == 1){
$('.mLiveStart').removeClass('hide');
$('.box_img').html('<img src="'+cdn+data.room.faceImg+'">');
var str = '';
str += '<img src="'+cdn+data.room.faceImg+'">'+data.room.roomName;
$('.mLiveBox').html(str);
var vplay=data.room.hlsUrl;
$('.mListPlay').unbind('click').on('click',function(){
var html=[];
$(".video-play-bg").css("height","100%");
html+='<video id="videoID"webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"x5-video-player-type="h5"x5-video-player-fullscreen="true"style="width: 10rem; height:100%; object-fit:fill;position: absolute;z-index: 10" poster="" src='+vplay+'></video>' +
'<div class="box-img">' +
'<img class="bg-img" src=https://zhibocdn.yabolive.net/comm'+data.room.faceImg+' alt="">' +
'<img class="zhuan" src="images/Loading.png" alt="">' +
'</div>';
$(".video-play-bg").html(html);
$(".video-play-bg").addClass('video-play-bg1').removeClass('video-play-bg');
$(".mListPlay,.box_img").fadeOut(500);
document.getElementById('videoID').play();
})
} else {
$('.mLiveEnd').removeClass('hide');
}
}
});
}
</script>
</html>