|
对应视频的源码:
// JavaScript Document
var xtv;
var openfh;
var openmh;
var sm=[
"http://v.nie.netease.com/tianyu/2014/0715/bookcg-SM.mp4",
"http://v.nie.netease.com/tianyu/2014/0515/x6v-sm.mp4",
"http://v.nie.netease.com/tianyu/2014/0430/sc-sm.mp4",
"http://v.nie.netease.com/tianyu/2014/0418/stsz-sm.mp4",
"http://v.nie.netease.com/tianyu/2014/0418/stpc-sm.mp4",
"http://v.nie.netease.com/tianyu/2014/0417/szyt-sm.mp4",
"http://v.nie.netease.com/tianyu/2014/0417/szll-sm.mp4",
"http://v.nie.netease.com/tianyu/2014/0417/szyx-sm.mp4",
"http://v.nie.netease.com/tianyu/2014/0417/szgr-sm.mp4",
"http://v.nie.netease.com/tianyu/2014/0411/yantian-sm.mp4",
"http://v.nie.netease.com/tianyu/2014/0409/noslot30M_sm.mp4",
"http://v.nie.netease.com/tianyu/2014/0401/linglong_0401_sm.mp4",
"http://v.nie.netease.com/tianyu/2014/0325/yuxu_0325_sd.mp4",
"http://v.nie.netease.com/tianyu/2014/0318/guangren_s.mp4",
"http://v.nie.netease.com/tianyu/2014/0318/shouceyugao_s.mp4",
"http://v.nie.netease.com/tianyu/2014/0318/feixing_s.mp4",
"http://v.nie.netease.com/tianyu/2014/0318/hesui_s.mp4",
"http://v.nie.netease.com/tianyu/2014/0318/changjing_s.mp4",
"http://v.nie.netease.com/tianyu/2014/0318/shoubao_s.mp4"
]
var hm=[
"http://v.nie.netease.com/tianyu/2014/0715/bookcg-HM.mp4",
"http://v.nie.netease.com/tianyu/2014/0515/x6v-hm.mp4",
"http://v.nie.netease.com/tianyu/2014/0430/sc-hm.mp4",
"http://v.nie.netease.com/tianyu/2014/0418/stsz-hm.mp4",
"http://v.nie.netease.com/tianyu/2014/0418/stpc-hm.mp4",
"http://v.nie.netease.com/tianyu/2014/0417/szyt-hm.mp4",
"http://v.nie.netease.com/tianyu/2014/0417/szll-hm.mp4",
"http://v.nie.netease.com/tianyu/2014/0417/szyx-hm.mp4",
"http://v.nie.netease.com/tianyu/2014/0417/szgr-hm.mp4",
"http://v.nie.netease.com/tianyu/2014/0411/yantian-hm.mp4",
"http://v.nie.netease.com/tianyu/2014/0409/noslot80mmp4-hm.mp4",
"http://v.nie.netease.com/tianyu/2014/0401/linglong_0401_hm.mp4",
"http://v.nie.netease.com/tianyu/2014/0325/yuxu_0325_hd.mp4",
"http://v.nie.netease.com/tianyu/2014/0318/guangren_hd.mp4",
"http://v.nie.netease.com/tianyu/2014/0318/shouceyugao_hd.mp4",
"http://v.nie.netease.com/tianyu/2014/0318/feixing_hd.mp4",
"http://v.nie.netease.com/tianyu/2014/0318/hesui_hd.mp4",
"http://v.nie.netease.com/tianyu/2014/0318/changjing_hd.mp4",
"http://v.nie.netease.com/tianyu/2014/0318/shoubao_hd.mp4"
]
var sv=[
"http://v.nie.netease.com/tianyu/2014/0715/bookcg-SV.f4v",
"http://v.nie.netease.com/tianyu/2014/0515/x6v-sv.f4v",
"http://v.nie.netease.com/tianyu/2014/0430/sc-sv.f4v",
"http://v.nie.netease.com/tianyu/2014/0418/stsz-sv.f4v",
"http://v.nie.netease.com/tianyu/2014/0418/stpc-sv.f4v",
"http://v.nie.netease.com/tianyu/2014/0417/szyt-sv.f4v",
"http://v.nie.netease.com/tianyu/2014/0417/szll-sv.f4v",
"http://v.nie.netease.com/tianyu/2014/0417/szyx-sv.f4v",
"http://v.nie.netease.com/tianyu/2014/0417/szgr-sv.f4v",
"http://v.nie.netease.com/tianyu/2014/0411/yantian-sv.f4v",
"http://v.nie.netease.com/tianyu/2014/0409/noslot30M_sv.f4v",
"http://v.nie.netease.com/tianyu/2014/0401/linglong_0401_sv.f4v",
"http://v.nie.netease.com/tianyu/2014/0325/yuxu_0325_sd.f4v",
"http://v.nie.netease.com/tianyu/2014/0318/guangren_s.f4v",
"http://v.nie.netease.com/tianyu/2014/0318/shouceyugao_s.f4v",
"http://v.nie.netease.com/tianyu/2014/0318/feixing_s.f4v",
"http://v.nie.netease.com/tianyu/2014/0318/hesui_s.f4v",
"http://v.nie.netease.com/tianyu/2014/0318/changjing_s.f4v",
"http://v.nie.netease.com/tianyu/2014/0318/shoubao_s.f4v"
]
var hv=[
"http://v.nie.netease.com/tianyu/2014/0715/bookcg-HV.f4v",
"http://v.nie.netease.com/tianyu/2014/0515/x6v-hv.f4v",
"http://v.nie.netease.com/tianyu/2014/0430/sc-hv.f4v",
"http://v.nie.netease.com/tianyu/2014/0418/stsz-hv.f4v",
"http://v.nie.netease.com/tianyu/2014/0418/stpc-hv.f4v",
"http://v.nie.netease.com/tianyu/2014/0417/szyt-hv.f4v",
"http://v.nie.netease.com/tianyu/2014/0417/szll-hv.f4v",
"http://v.nie.netease.com/tianyu/2014/0417/szyx-hv.f4v",
"http://v.nie.netease.com/tianyu/2014/0417/szgr-hv.f4v",
"http://v.nie.netease.com/tianyu/2014/0411/yantian-hv.f4v",
"http://v.nie.netease.com/tianyu/2014/0409/noslot80mf4v-hv.f4v",
"http://v.nie.netease.com/tianyu/2014/0401/linglong_0401_hv.f4v",
"http://v.nie.netease.com/tianyu/2014/0325/yuxu_0325_hd.f4v",
"http://v.nie.netease.com/tianyu/2014/0318/guangren_hd.f4v",
"http://v.nie.netease.com/tianyu/2014/0318/shouceyugao_hd.f4v",
"http://v.nie.netease.com/tianyu/2014/0318/feixing_hd.f4v",
"http://v.nie.netease.com/tianyu/2014/0318/hesui_hd.f4v",
"http://v.nie.netease.com/tianyu/2014/0318/changjing_hd.f4v",
"http://v.nie.netease.com/tianyu/2014/0318/shoubao_hd.f4v"
]
$(document).ready(function() {
function getWidth(){return $(".m-videoline").width();}
function getHeight(){return $(window).height();}
var tWidth
var tHeight;
/* defined */
var $vlinkwrap=$(".vlinkwrap");
var $mvlink=$(".m-vlink");
var $vli=$(".m-vlink li");
var $vlimg=$(".m-vlink .img");
var $vlinfor=$(".m-vlink .infor");
var $atl=$("a.tl");
var $atr=$("a.tr");
var hideimg;//定义隐藏项
var shown;//定义当前项
var ob;//定义显示项
var allnum//先是项目总数
//初始化ob
ob=$(".j-Vworld");
allnum=ob.length;
function Vtimeline(n){
tWidth=getWidth();
tHeight=getHeight();
shown=0;
var nw=parseInt(tWidth/299);
hideimg=n-nw;
$mvlink.css({left:0});
if(!hideimg)
{
$vlinkwrap.css({ width:n*299+2+"px"});
$atl.hide();
$atr.hide();
}
else
{
$vlinkwrap.css({ width:nw*299+1+"px"});
$atl.show();
$atr.show();
$("a.tl").addClass("none");
}
}
Vtimeline(allnum);
/* ///////////////////// 单体控制///////////////////*/
$vli.click(function(){
xtv=$(this).index();
openfh=hv[xtv];
openmh=hm[xtv];
$(".videoContainer").show();
var n=$(this).index();
$(".mbg").hide();
$(".closeVideo").animate({"opacity":1},500);
$(".m-wptop,.m-videoline").animate({"opacity":0},500,function(){ $(".m-wptop,.m-videoline").hide()});
fun(sm[xtv],hm[xtv],sv[xtv],hv[xtv]);
}).hover(function(){
var t=$(this).index();
var ts=$(".m-vlink li:visible").index($(this));
$vlimg.hide().eq(t).show();
$vlinfor.hide().eq(t).slideDown();
$(".vnum").empty();
$(this).find(".vnum").html(ts+1+"/"+allnum);
},
function(){
$vlimg.hide();
$(".vnum").empty();
$vlinfor.slideUp(300);
});
/* //////////////////视频播放控制/////////////////*/
$(".closeVideo").css({"opacity":0},0).hide();
$(".videoContainer").hide();
$(".closeVideo").hover(function(){$(this).removeClass("closehover")},function(){$(this).addClass("closehover")});
var isVideoDisplay=false;
function fun(x,y,z,w){
$(".videoContainer").pgVideo([x,y,z,w]);
TweenMax.to(".videoContainer", 0.5, {height:"99%"});
isVideoDisplay=true;
$(".closeVideo").show();
}
function fun1(){
$(".videoContainer").empty();
isVideoDisplay=false;
TweenMax.to(".bg", .5, {height:400});
}
$(".closeVideo").click(function(){
fun1()
$(".mbg").show();
$(".m-wptop").show().animate({"opacity":1},300);
$(".m-videoline").show().animate({"opacity":1},500);
$(".closeVideo").animate({"opacity":0},300,function(){$(".closeVideo").hide()});
$("#footer").show();
});
/* ////////////////////////////时间线控制 timeline///////////////////////////////////////// */
$(".j-Crole").click(function(){
$(this).addClass("hover").siblings().removeClass("hover");
ob=$(".j-Vrole");
ob.show();
$(".j-Vfight,.j-Vworld").hide();
allnum=ob.length;
Vtimeline(allnum);
$("a.tr").removeClass("none");
});
$(".j-Cfight").click(function(){
$(this).addClass("hover").siblings().removeClass("hover");
ob=$(".j-Vfight");
ob.show();
$(".j-Vworld,.j-Vrole").hide();
allnum=ob.length;
Vtimeline(allnum);
$("a.tr").removeClass("none");
});
$(".j-Cworld").click(function(){
$(this).addClass("hover").siblings().removeClass("hover");
ob=$(".j-Vworld");
ob.show();
$(".j-Vfight,.j-Vrole").hide();
allnum=ob.length;
Vtimeline(allnum);
$("a.tr").removeClass("none");
});
$atr.click(function(){
if(shown<hideimg)
{
$("a.tl").removeClass("none");
shown++;
$mvlink.animate({"left":-299*shown+"px"},200);
if(shown==hideimg){
$(this).addClass("none");
}
}
});
$atl.click(function(){
$("a.tr").removeClass("none");
if(shown>0)
{
shown--
$mvlink.animate({"left":-299*shown+"px"},200);
if(shown==0){
$(this).addClass("none");
}
}
});
$('.video_close_btn').click(function(){ closedv(); });
$(window).resize(function() {
Vtimeline(allnum)
$(".vidoe_pop").css({left:$(window).width()/2-960/2,top:$(window).height()/2-630/2});
$('#mask').css({height:$(document).height()>1080?$(window).height():$(document).height(),width:$(document).width()>1024?$(window).width():$(document).width()});
});
})//end document.ready
var opendv = function(){ openWin(openfh,openmh) }
var openWin=function (f,m){
var obj = $(".vidoe_pop"), flv, mp4;
if(f==undefined || f==""){
flv= "http://v.nie.netease.com/tianyu/2013/1114/tyfirst.f4v";
}else{
flv = f;
}
if(m==undefined || m==""){
mp4="http://v.nie.netease.com/tianyu/2013/1114/tyfirst.mp4";
} else{
mp4 = m;
}
obj.css({left:$(window).width()/2-960/2,top:$(window).height()/2-630/2}).fadeIn();
$('#mask').css({height:$(document).height(),width:$(document).width()}).show();
nie.util.video(".video_mc",{
movieUrl:flv,
mp4_movieUrl:mp4,
width:960,
height:630,
bufferTime:5,
loopTimes:-1,
autoPlay:true
});
pgcheck_code("page=s&btn=4","视频中心");
};
var closedv = function (o){
$(".vidoe_pop").hide();
$("#mask").hide();
$(".video_mc").empty();
}; |
|