<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<style>
*{
margin: 0;
padding: 0;
text-align: center;
list-style: none;
}
#nav{
width: 100%;
height: 120px;
overflow: hidden;
}
.header{
position: relative;
top:0;
}
#pin_2{
width: 100vh;
background-image:url(img/bi7.jpg);
background-attachment: fixed;
background-size: cover ;
background-position: center center;
}
#pin_4{
background-image:url(img/bi8.jpg);
background-attachment: fixed;
background-size: cover;
background-position: center center;
}
#pin_3{
background:url("img/bi9.jpg");
background-size: 110%;
background-position: -100px 0;
}
.ship_top{
width: 800px;
height: 100px;
position: absolute;
left: 50%;
margin-left: -380px;
margin-top: 150px;
}
.ship_top_img2{
width: 500px;
float:left;
margin-top:-10px;
}
.ship_top p{
float: left;
font-size: 13px;
margin-top: 10px;
text-align: left;
}
video{
width:700px;
float: left;
}
.shipin{
width: 950px;
height: 400px;
position: absolute;
/*background-color:red;*/
left: 50%;
margin-left:-380px;
margin-top: 225px;
}
.gunpin{
width: 245px;
height: 100%;
background-color:#000;
position: absolute;
left: 705px;
z-index: 3;
}
.gunpin_top{
width: 230px;
height: 40px;
display: flex;
margin-left: 8px;
margin-top: 3px;
}
.gunpin_top li{
width: 100px;
height: 30px;
background-color:#000;
line-height: 30px;
color: white;
}
.gunpin_bottom{
width: 100%;
height:360px;
margin-top: -5px;
position: absolute;
overflow:auto;
display: block;
}
.gunpin_bottom::-webkit-scrollbar
{
width: 7px;
height: 5px;
background-color:#312F48;
}
.gunpin_bottom::-webkit-scrollbar-thumb
{
border-radius: 3px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color:#C71111;
}
.gunpin_right{
width: 60px;
height: 120px;
background-color:#000;
float: right;
margin: 0px -60px;
}
.gunpin_right li{
width: 100%;
height:30px;
font-size: 13px;
line-height: 30px;
color: white;
}
#box{
position: relative;
top:70px;
width: 100%;
height:500px;
transform-style: preserve-3d;
perspective:800px;
}
#box li{
width: 300px;
height: 200px;
position: absolute;
left:50%;
top:50%;
margin-left:-150px;
margin-top:-100px;
list-style: none;
border-radius: 5px;
transition: 1s;
overflow: hidden;
}
#box img{
width: 100%;
height: 100%;
}
</style>
<style>
.vdo1>li{
width: 200px;
height:172px;
background-color:#000;
color: yellow;
margin: 0 auto;
margin-top: 10px;
opacity:0.5;
}
.vdo1>li:hover{
opacity:1;
}
.vdo1>li>img{
width: 100%;
}
.vdo1>li>p{
width: 100%;
height: 30px;
background-color:#333;
}
.vdo2>li{
width: 200px;
height:172px;
background-color:#000;
color: yellow;
margin: 0 auto;
margin-top: 10px;
opacity:0.5;
}
.vdo2>li:hover{
opacity:1;
}
.vdo2>li>img{
width: 100%;
}
.vdo2>li>p{
width: 100%;
height: 30px;
background-color:#333;
}
.vdo3>li{
width: 200px;
height:172px;
background-color:#000;
color: yellow;
margin: 0 auto;
margin-top: 10px;
opacity:0.5;
}
.vdo3>li:hover{
opacity:1;
}
.vdo3>li>img{
width: 100%;
}
.vdo3>li>p{
width: 100%;
height: 30px;
background-color:#333;
}
.vdo4>li{
width: 200px;
height:172px;
background-color:#000;
color: yellow;
margin: 0 auto;
margin-top: 10px;
opacity:0.5;
}
.vdo4>li:hover{
opacity:1;
}
.vdo4>li>img{
width: 100%;
}
.vdo4>li>p{
width: 100%;
height: 30px;
background-color:#333;
}
.vdo5>li{
width: 200px;
height:172px;
background-color:#000;
color: yellow;
margin: 0 auto;
margin-top: 10px;
opacity:0.5;
}
.vdo5>li:hover{
opacity:1;
}
.vdo5>li>img{
width: 100%;
}
.vdo5>li>p{
width: 100%;
height: 30px;
background-color:#333;
}
.vdo6>li{
width: 200px;
height:172px;
background-color:#000;
color: yellow;
margin: 0 auto;
margin-top: 10px;
opacity:0.5;
}
.vdo6>li:hover{
opacity:1;
}
.vdo6>li>img{
width: 100%;
}
.vdo6>li>p{
width: 100%;
height: 30px;
background-color:#333;
}
.vdo7>li{
width: 200px;
height:172px;
background-color:#000;
color: yellow;
margin: 0 auto;
margin-top: 10px;
opacity:0.5;
}
.vdo7>li:hover{
opacity:1;
}
.vdo7>li>img{
width: 100%;
}
.vdo7>li>p{
width: 100%;
height: 30px;
background-color:#333;
}
.vdo8>li{
width: 200px;
height:172px;
background-color:#000;
color: yellow;
margin: 0 auto;
margin-top: 10px;
opacity:0.5;
}
.vdo8>li:hover{
opacity:1;
}
.vdo8>li>img{
width: 100%;
}
.vdo8>li>p{
width: 100%;
height: 30px;
background-color:#333;
}
.vdo9>li{
width: 200px;
height:172px;
background-color:#000;
color: yellow;
margin: 0 auto;
margin-top: 10px;
opacity:0.5;
}
.vdo9>li:hover{
opacity:1;
}
.vdo9>li>img{
width: 100%;
}
.vdo9>li>p{
width: 100%;
height: 30px;
background-color:#333;
}
.vdo10>li{
width: 200px;
height:172px;
background-color:#000;
color: yellow;
margin: 0 auto;
margin-top: 10px;
opacity:0.5;
}
.vdo10>li:hover{
opacity:1;
}
.vdo10>li>img{
width: 100%;
}
.vdo10>li>p{
width: 100%;
height: 30px;
background-color:#333;
}
.vdo11>li{
width: 200px;
height:172px;
background-color:#000;
color: yellow;
margin: 0 auto;
margin-top: 10px;
opacity:0.5;
}
.vdo11>li:hover{
opacity:1;
}
.vdo11>li>img{
width: 100%;
}
.vdo11>li>p{
width: 100%;
height: 30px;
background-color:#333;
}
.vdo12>li{
width: 200px;
height:172px;
background-color:#000;
color: yellow;
margin: 0 auto;
margin-top: 10px;
opacity:0.5;
}
.vdo12>li:hover{
opacity:1;
}
.vdo12>li>img{
width: 100%;
}
.vdo12>li>p{
width: 100%;
height: 30px;
background-color:#333;
}
</style>
</head>
<body style="overflow: hidden">
<div class="header">
<div id="pin_1" class="box">
<div id="nav">
<iframe src="nav.html" frameborder="0" width="100%" height="140px"></iframe>
</div>
<ul id="box">
<li><img src="3d/img/1.jpg" alt=""></li>
<li><img src="3d/img/2.jpg" alt=""></li>
<li><img src="3d/img/3.jpg" alt=""></li>
<li><img src="3d/img/4.jpg" alt=""></li>
<li><img src="3d/img/5.jpg" alt=""></li>
<li><img src="3d/img/6.jpg" alt=""></li>
<li><img src="3d/img/7.jpg" alt=""></li>
</ul>
<script>
// var boxx = document.getElementById("box")
var li=document.getElementsByTagName("li");
var iNow=3;
var iTaget = 0;
fn(iNow);
function fn(n){
for (let i = 1; i < 4; i++) {
var left=n-i;
if (left<0) {
left=left+7;
}
li[left].style.transform=`translateX(${-150*(i)}px) translateZ(${300-i*100}px) rotateY(30deg)`
var right=n+i;
if (right>6) {
right=right-7
}
li[right].style.transform=`translateX(${150*(i)}px) translateZ(${300-i*100}px) rotateY(-30deg)`
}
li[n].style.transform="translateZ(300px)"
}
var middle=0;
for (var i = 0; i < li.length; i++) {
li[i].index=i;
li[i].onclick=function(ev){
middle=document.documentElement.clientWidth/2;
num=ev.clientX;
iTaget=this.index;
if (middle<=num) {
goleft()
}else{
goright()
}
}
}
function goleft(){
if (iNow==iTaget) {
return
}
iNow++;
if (iNow>6) {
iNow=0;
}
fn(iNow);
setTimeout(function(){
goleft()
},700)
}
function goright(){
if (iNow==iTaget) {
return
}
iNow--;
if (iNow<0) {
iNow=6;
}
fn(iNow);
setTimeout(function(){
goright()
},700)
}
</script>
</div>
<div id="pin_2" class="box">
</div>
<div id="pin_3" class="box">
<div class="ship_top">
<img src="img/pp2.png" alt="" class="ship_top_img2">
<p>
在500年前，蚩尤欲引入化外毁灭三界，天地存亡旦夕不保，有十五位英雄联以生命为代价，终将蚩尤封印于战神山武神坛，500年后蚩尤破封在即，人间群魔骚动，三界有志之士携手挽救苍生，故事就此开始... ....前世结的缘，今生何以再续？
</p>
</div>
<div class="shipin">
<div class="shipin1">
<video width="700px" height="400px" src="http://hxs1-wushen.s3.nie.netease.com/c9a82fc4fcd82298142039d80fd2a1f7qt.mp4" controls="" autoplay=""></video>
</div>
<div>
<div class="gunpin" style="z-index: 99" >
<ul class="gunpin_top">
<li style="background: red">1-4集</li>
<li>5-10集</li>
<li>11-13集</li>
</ul>
<div>
<div class="gunpin_bottom" style="display: block">
<ul class="vdo1">
</ul>
</div>
<div class="gunpin_bottom">
<ul class="vdo2">
</ul>
</div>
<div class="gunpin_bottom">
<ul class="vdo3">
</ul>
</div>
</div>
</div>
<div class="gunpin">
<ul class="gunpin_top">
<li style="background: red">14-17集</li>
<li>18-23集</li>
<li>24-26集</li>
</ul>
<div>
<div class="gunpin_bottom">
<ul class="vdo4"></ul>
</div>
<div class="gunpin_bottom">
<ul class="vdo5"></ul>
</div>
<div class="gunpin_bottom">
<ul class="vdo6"></ul>
</div>
</div>
</div>
<div class="gunpin">
<ul class="gunpin_top">
<li style="background: red">27-30集</li>
<li>31-36集</li>
<li>37-39集</li>
</ul>
<div>
<div class="gunpin_bottom" style="display: block">
<ul class="vdo7"></ul>
</div>
<div class="gunpin_bottom">
<ul class="vdo8"></ul>
</div>
<div class="gunpin_bottom">
<ul class="vdo9"></ul>
</div>
</div>
</div>
<div class="gunpin">
<ul class="gunpin_top">
<li style="background: red">40-43集</li>
<li>44-50集</li>
<li>51-52集</li>
</ul>
<div>
<div class="gunpin_bottom" style="display: block">
<ul class="vdo10"></ul>
</div>
<div class="gunpin_bottom">
<ul class="vdo11"></ul>
</div>
<div class="gunpin_bottom">
<ul class="vdo12"></ul>
</div>
</div>
</div>
</div>
<ul class="gunpin_right">
<li>第一季</li>
<li>第二季</li>
<li>第三季</li>
<li>第四季</li>
</ul>
</div>
</div>
<div id="pin_4" class="box">
</div>
<div id="pin_5" class="box">
<iframe src="footer.html" frameborder="0" width="100%" height="750px" style="position: relative;z-index: -1"></iframe>
</div>
</div>
<script>
var num = 0;
$(".shipin li").click(function () {
$(this).siblings().css("background","#000")
$(this).css("background","red")
num =$(this).index()
})
$(".gunpin_right>li").click(function () {
$(".gunpin_bottom").eq(0).css("display","block")
$(".gunpin_bottom").eq(0).siblings().css("display","none")
$(".gunpin_bottom").eq(3).css("display","block")
$(".gunpin_bottom").eq(3).siblings().css("display","none")
$(".gunpin_bottom").eq(6).css("display","block")
$(".gunpin_bottom").eq(6).siblings().css("display","none")
$(".gunpin_bottom").eq(9).css("display","block")
$(".gunpin_bottom").eq(9).siblings().css("display","none")
$(".gunpin_top>li").eq(0).siblings().css("background","#000")
$(".gunpin_top>li").eq(0).css("background","red")
})
$(".gunpin_right>li").click(function () {
$(".gunpin").each(function () {
if ($(this).index() == num){
$(this).siblings().css("display","none")
$(this).css("display","block")
}
})
})
$(".gunpin_top>li").click(function () {
rao = $(this).index();
$(".gunpin_bottom").eq(rao).css("display","block")
$(".gunpin_bottom").eq(rao).siblings().css("display","none")
$(".gunpin_bottom").eq(3+rao).css("display","block")
$(".gunpin_bottom").eq(3+rao).siblings().css("display","none")
$(".gunpin_bottom").eq(6+rao).css("display","block")
$(".gunpin_bottom").eq(6+rao).siblings().css("display","none")
$(".gunpin_bottom").eq(9+rao).css("display","block")
$(".gunpin_bottom").eq(9+rao).siblings().css("display","none")
})
$.get("josn/json5.json",function (data) {
Da = data.di_1_ji[0]
// console.log(Da['1-4ji'][0].name);
$.each(Da['1-4ji'],function (i,datr) {
// console.log(datr.vdo);
var $oli = ' <li><img src="videoimg/1.jpg" alt="">\n' + '<p>'+datr.id+'.'+datr.name+'</p></li>';
$(".vdo1").append($oli)
// $(".shipin").html(datr.vdo);
})
$.each(Da['5-10ji'],function (i,datr) {
var $oli2 = ' <li><img src="videoimg/1.jpg" alt="">\n' + '<p>'+datr.id+'.'+datr.name+'</p></li>';
$(".vdo2").append($oli2)
})
$.each(Da['11-13ji'],function (i,datr) {
var $oli2 = ' <li><img src="videoimg/1.jpg" alt="">\n' + '<p>'+datr.id+'.'+datr.name+'</p></li>';
$(".vdo3").append($oli2)
})
Db = data.di_2_ji[0]
$.each(Db['14-17ji'],function (i,datr) {
var $oli = ' <li><img src="videoimg/1.jpg" alt="">\n' + '<p>'+datr.id+'.'+datr.name+'</p></li>';
$(".vdo4").append($oli)
})
$.each(Db['18-23ji'],function (i,datr) {
var $oli2 = ' <li><img src="videoimg/1.jpg" alt="">\n' + '<p>'+datr.id+'.'+datr.name+'</p></li>';
$(".vdo5").append($oli2)
})
$.each(Db['24-26ji'],function (i,datr) {
var $oli2 = ' <li><img src="videoimg/1.jpg" alt="">\n' + '<p>'+datr.id+'.'+datr.name+'</p></li>';
$(".vdo6").append($oli2)
})
Dc = data.di_3_ji[0]
$.each(Dc['27-30ji'],function (i,datr) {
var $oli = ' <li><img src="videoimg/1.jpg" alt="">\n' + '<p>'+datr.id+'.'+datr.name+'</p></li>';
$(".vdo7").append($oli)
})
$.each(Dc['31-36ji'],function (i,datr) {
var $oli2 = ' <li><img src="videoimg/1.jpg" alt="">\n' + '<p>'+datr.id+'.'+datr.name+'</p></li>';
$(".vdo8").append($oli2)
})
$.each(Dc['37-39ji'],function (i,datr) {
var $oli2 = ' <li><img src="videoimg/1.jpg" alt="">\n' + '<p>'+datr.id+'.'+datr.name+'</p></li>';
$(".vdo9").append($oli2)
})
Dd = data.di_4_ji[0]
$.each(Dd['40-43ji'],function (i,datr) {
var $oli = ' <li><img src="videoimg/1.jpg" alt="">\n' + '<p>'+datr.id+'.'+datr.name+'</p></li>';
$(".vdo10").append($oli)
})
$.each(Dd['44-50ji'],function (i,datr) {
var $oli2 = ' <li><img src="videoimg/1.jpg" alt="">\n' + '<p>'+datr.id+'.'+datr.name+'</p></li>';
$(".vdo11").append($oli2)
})
$.each(Dd['51-52ji'],function (i,datr) {
var $oli2 = ' <li><img src="videoimg/1.jpg" alt="">\n' + '<p>'+datr.id+'.'+datr.name+'</p></li>';
$(".vdo12").append($oli2)
})
});
var nav
$(".gunpin_bottom").on("click","li",function (data) {
nav = $(data.currentTarget).find("p").text().substring(0,2)
$.get("josn/json5.json",function (data){
for (var i in data){
for (var r in data[i][0]){
for (var l in data[i][0][r]) {
console.log(data[i][0][r][l]);
if (data[i][0][r][l].id==parseInt(nav)){
$(".shipin1").html(data[i][0][r][l].vdo)
}
}
}
}
})
})
// console.log($(".gunpin_bottom"));
</script>
<script>
window.onload=function () {
let ohead=document.getElementsByClassName("header")[0];
let oDiv=document.getElementsByClassName("box");
// console.log(oDiv);
let Dwidth=document.documentElement.clientWidth+"px";
let Dheight=document.documentElement.clientHeight;
let m=0;
for(let i=0;i<oDiv.length;i++){
oDiv[i].style.width=Dwidth;
oDiv[i].style.height=Dheight+"px";
}
window.onresize=function () {
Dwidth=document.documentElement.clientWidth+"px";
Dheight=document.documentElement.clientHeight;
for(let j=0;j<oDiv.length;j++){
oDiv[j].style.width=Dwidth;
oDiv[j].style.height=Dheight+"px";
}
};
var userAgent=navigator.userAgent;
var mousewheel="";
var panDuan=true,trimDusq=true;
if (userAgent.indexOf("Firefox")>-1){
mousewheel="DOMMouseScroll";
panDuan=true;
} else {
mousewheel="mousewheel";
panDuan=false;
}
window.addEventListener(mousewheel,function () {
if (panDuan == false && trimDusq==true) {
if (event.wheelDelta < 0) {
trimDusq=false;
m++;
if (m>=4){
m=4;
}
ohead.style.top=-Dheight*m+"px";
ohead.style.transition="1s";
setTimeout(function () {
trimDusq=true;
},500);
} else if (event.wheelDelta > 0) {
trimDusq=false;
m--;
if (m<=0){
m=0;
}
ohead.style.top=-Dheight*m+"px";
ohead.style.transition="1s";
setTimeout(function () {
trimDusq=true;
},500);
}
}
})
}
</script>
</body>
</html>
{
"di_1_ji":[{
"1-4ji":[{
"id":1,
"name":"梦幻西游动画片第一集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/9527400b585193ded688472fe3a14125qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":2,
"name":"梦幻西游动画片第二集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/c94001eb9ab31e6d369a2474e06d568fqt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":3,
"name":"梦幻西游动画片第三集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/c9a82fc4fcd82298142039d80fd2a1f7qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":4,
"name":"梦幻西游动画片第四集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/405a6dfab5b8dac37f3bde98b6724b14qt.mp4\" controls=\"\" autoplay=\"\"></video>"
}],
"5-10ji":[{
"id":5,
"name":"梦幻西游动画片第五集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/2aa2013e0d18537a6bf832ca7635b7f3qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":6,
"name":"梦幻西游动画片第六集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/a8bd40c5f6033743ba8874bc281b8bcaqt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":7,
"name":"梦幻西游动画片第七集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/026949604cf2b23d44e1ee2bc6dd9cb2qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":8,
"name":"梦幻西游动画片第八集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/1222a29f921087c24ef1885699f6eb38qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":9,
"name":"梦幻西游动画片第九集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/2abe2c25c3e1e18ba04873d89ec18642qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":10,
"name":"梦幻西游动画片第十集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/dc80750fb3a9c0451f933919681a4bc9qt.mp4\" controls=\"\" autoplay=\"\"></video>"
}],
"11-13ji":[{
"id":11,
"name":"梦幻西游动画片第十一集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/160aef92194ac002689fc92f02274df8qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":12,
"name":"梦幻西游动画片第十二集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/c05c142520e913366685a945adb09244qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":13,
"name":"梦幻西游动画片第十三集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/26a6a1354d25c9e3692e15fdaaaebdbcqt.mp4\" controls=\"\" autoplay=\"\"></video>"
}]
}],
"di_2_ji":[{
"14-17ji":[{
"id":14,
"name":"梦幻西游动画片第十四集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/bf9e16adc0a6074b24b4f8febcf35298qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":15,
"name":"梦幻西游动画片第十五集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/779650c31268f9cff25c5da66cd1533bqt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":16,
"name":"梦幻西游动画片第十六集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/66e38467130d0f9efce8767d06c5aa55qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":17,
"name":"梦幻西游动画片第十七集",
"vdo":"<video src=\"http://hxs1-wushen.s3.nie.netease.com/a26cf6f23e9cbd286571652bf3b0fdc3qt.mp4\" controls=\"\" autoplay=\"\"></video>"
}],
"18-23ji":[{
"id":18,
"name":"梦幻西游动画片第十八集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/40e2f9577b54e482e89e8ff9dce28621qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":19,
"name":"梦幻西游动画片第十九集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/56f840dcfea7f8ffbca799f1fa457584qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":20,
"name":"梦幻西游动画片第二十集",
"vdo":"<video src=\"http://hxs1-wushen.s3.nie.netease.com/6f3a52a96d0001134b1b381ae2c2d5dcqt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":21,
"name":"梦幻西游动画片第二一集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/1c24a1671204d023f657cbcbabab00e6qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":22,
"name":"梦幻西游动画片第二二集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/d7aeae9ee14380bb0d96f5f24f5586f7qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":23,
"name":"梦幻西游动画片第二三集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/5e8d58e3bd7bb0c692246dd97df93660qt.mp4\" controls=\"\" autoplay=\"\"></video>"
}],
"24-26ji":[{
"id":24,
"name":"梦幻西游动画片第二四集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/20fb1e921fa4243a4c6a85aa15db28c0qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":25,
"name":"梦幻西游动画片第二五集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/69510234ae706d66d85b711113275269qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":26,
"name":"梦幻西游动画片第二六集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/da8c25626de9015ef36de15b8b29aee0qt.mp4\" controls=\"\" autoplay=\"\"></video>"
}]
}],
"di_3_ji":[{
"27-30ji":[{
"id":27,
"name":"梦幻西游动画片第二七集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0818/e364e6a4ae5db0754facaa3e22a31fa4qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":28,
"name":"梦幻西游动画片第二八集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0819/dc6279cddd2055646d68b1a0dd792101qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":29,
"name":"梦幻西游动画片第二九集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0819/7a9930a927cee4818d2fb6aeded7b716qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":30,
"name":"梦幻西游动画片第三十集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0819/7a9930a927cee4818d2fb6aeded7b716qt.mp4\" controls=\"\" autoplay=\"\"></video>"
}],
"31-36ji":[{
"id":31,
"name":"梦幻西游动画片第三一集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0825/fe6fe5c2cbd8b230773ba6cc8a633086qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":32,
"name":"梦幻西游动画片第三二集",
"vdo":"<video src=\"http://v.xyq.netease.com/2016/0825/c0c7eb48e653581e342570b4f7146addqt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":33,
"name":"梦幻西游动画片第三三集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0830/afb8d5bd1243ed7325fade476de206c1qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":34,
"name":"梦幻西游动画片第三四集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0830/597936741000ffdd43c677758448ff84qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":35,
"name":"梦幻西游动画片第三五集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/ecb1802d0d3dab34e2bb4b4a223dc513qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":36,
"name":"梦幻西游动画片第三六集",
"vdo":" <video src=\"http://hxs1-wushen.s3.nie.netease.com/0ed5a049ad8a33f7a803e0d5bfccdb0eqt.mp4\" controls=\"\" autoplay=\"\"></video>"
}],
"37-39ji":[{
"id":37,
"name":"梦幻西游动画片第三七集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0913/dd1f8f29eb23e80f75e2f9f16b657812qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":38,
"name":"梦幻西游动画片第三八集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0913/11a5b57a002f37f654b6d71cc3d04ac5qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":39,
"name":"梦幻西游动画片第三九集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0919/f25a1ce47836051c45c062c282e9771cqt.mp4\" controls=\"\" autoplay=\"\"></video>"
}]
}],
"di_4_ji":[{
"40-43ji":[{
"id":40,
"name":"梦幻西游动画片第四十集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0919/6b4ebe6ee1dc42e12e2135e4bd528ef3qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":41,
"name":"梦幻西游动画片第四一集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0927/febdc0b21349bb2244da997f61d7b3d5qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":42,
"name":"梦幻西游动画片第四二集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0927/42da047783da9ee4549b80e6046e3839qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":43,
"name":"梦幻西游动画片第四三集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0927/f54319257004986fec0c19d5ab81ce52qt.mp4\" controls=\"\" autoplay=\"\"></video>"
}],
"44-50ji":[{
"id":44,
"name":"梦幻西游动画片第四四集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/0927/f54319257004986fec0c19d5ab81ce52qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":45,
"name":"梦幻西游动画片第四五集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/1011/b19cf4da825d14cf63b7b2d80ae36a36qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":46,
"name":"梦幻西游动画片第四六集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/1011/a1a9c245a3f27bb8b0d8020b5e7c31a3qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":47,
"name":"梦幻西游动画片第四七集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/1019/fc2f6380808f0c36bedf9edf59e08563qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":48,
"name":"梦幻西游动画片第四八集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/1019/254842f5e2567be886f2e66658fb71b6qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":49,
"name":"梦幻西游动画片第四九集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/1027/dde9fc2b8c474653ec0460157787816bqt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":50,
"name":"梦幻西游动画片第五十集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/1027/c141bde1697a0ccf85aa5ae3e3c48e0bqt.mp4\" controls=\"\" autoplay=\"\"></video>"
}],
"51-52ji":[{
"id":51,
"name":"梦幻西游动画片第五一集",
"vdo":" <video src=\"http://v.xyq.netease.com/2016/1102/5abb7c4f08bfe00e54dea108b6587192qt.mp4\" controls=\"\" autoplay=\"\"></video>"
},{
"id":52,
"name":"梦幻西游动画片第五二集",
"vdo":"<video src=\"http://v.xyq.netease.com/2016/1102/57508e9f9fcad617b47f05b09c15b9dbqt.mp4\" controls=\"\" autoplay=\"\"></video>"
}]
}]
}
