HTML页面
1 <div id="myplayer" style="margin-top: 10px;"> 2 <!--酷播迷你 CuPlayerMiniV4.0 代码开始--> 3 <script type="text/javascript" src="../CuPlayerMiniV4/CuPlayer/js/swfobject.js"></script> 4 <div id="CuPlayer"><strong>提示:您的Flash Player版本过低,请<a href="http://get.adobe.com/cn/flashplayer/">点此进行播放器升级</a>!</strong> </div> 5 6 <%-- <div id="divFile"> 7 <div style="margin: auto; margin-top: 200px; 100px;"> 8 <img src='../CuPlayerMiniV4/CuPlayer/images/icon_bm.png' /> 9 <a href="#"><span onclick="OpenRead();" style="cursor: pointer;" title="点击在线阅读">在线阅读</span></a> 10 </div> 11 </div>--%> 12 13 <div class="list" style="height:auto; 335px; overflow-x: hidden; overflow-y: auto"> 14 15 <span id="span_DemandList" runat="server"></span>//视频列表 16 </div> 17 18 <script type="text/javascript"> 19 20 //酷播迷你V4:官方连播代码示例20140611// 21 22 //var CuPlayerList = "test.flv|test2.flv|test3.flv|test4.flv"; 23 24 var fileTypes = "<%=ViewState["FileType"]%>"//文档后缀 25 var fileAttachGuids = "<%=ViewState["AttachGuid"]%>";//附件Guid 26 var fileNames = "<%=ViewState["FileName"] %>";//文件名 27 var fileDates = "<%=ViewState["Date"] %>"; 28 29 // var sp = CuPlayerList.split("|") 30 var stype = fileTypes.split("|"); 31 var sguid = fileAttachGuids.split("|"); 32 var sname = fileNames.split("|"); 33 var sdate = fileDates.split("|"); 34 35 var num = sname.length; 36 var video_index = 0; 37 var url = "<%=GetBackPath()%>"; 38 var paths = url + "/AttachStorage/";//相对路径 注意:相对CuPlayerMiniV4.swf文件 39 function getNext(pars) { 40 //alert(2); 41 if (video_index < num - 1) { 42 video_index++; 43 if (stype[video_index] == "flv") { 44 $("#divFile").hide(); 45 $("#CuPlayer").show(); 46 } 47 else { 48 $("#divFile").show(); 49 $("#CuPlayer").hide(); 50 } 51 52 so.addVariable("CuPlayerFile", paths + sdate[video_index] + "/" + sguid[video_index] + "/" + sname[video_index]); 53 so.addVariable("CuPlayerAutoPlay", "yes"); //是否自动播放 54 so.write("CuPlayer"); 55 } 56 else { 57 video_index = 0; 58 so.addVariable("CuPlayerFile", paths + sdate[video_index] + "/" + sguid[video_index] + "/" + sname[video_index]); 59 so.write("CuPlayer"); 60 } 61 62 $(".list dl dt a").css("background", "#ffffff").css("color", "#333"); 63 $(".list dl dt a").eq(video_index).css("background", "#efefef").css("color", "red"); 64 LeftScr(video_index); 65 } 66 67 68 function changeStream(CuPlayerFile, ChapterGuid) { 69 70 // debugger; 71 $(".list dl dt a").css("background", "#ffffff").css("color", "#333"); 72 // $(".list dl dt a:hover").css("background", "#efefef").css("color", "red");//原来 73 $(".list dl dt a").eq(CuPlayerFile).css("background", "#efefef").css("color", "red");//自己改后的 74 LeftScr(CuPlayerFile); 75 so.addVariable("CuPlayerFile", paths + sdate[CuPlayerFile] + "/" + sguid[CuPlayerFile] + "/" + sname[CuPlayerFile]);// "../../Pages/CourseInfo/" + 76 so.addVariable("CuPlayerAutoPlay", "yes"); //是否自动播放 77 so.write("CuPlayer"); 78 // alert(stype[CuPlayerFile]); 79 if (stype[CuPlayerFile] == "flv") { 80 $("#divFile").hide(); 81 $("#CuPlayer").show(); 82 } 83 else { 84 $("#divFile").show(); 85 $("#CuPlayer").hide(); 86 } 87 88 $("[id$='hidchapterguid']").val(ChapterGuid);//20150113 89 $("[id$='hidattachguid']").val(sguid[CuPlayerFile]); 90 //AddOperate();//添加操作记录 20150114 91 return false; 92 } 93 94 95 CuPlayerFile = paths + sdate[video_index] + "/" + sguid[video_index] + "/" + sname[video_index]; 96 $(".list dl dt a").css("background", "#ffffff").css("color", "#333"); 97 $(".list dl dt a").eq(video_index).css("background", "#efefef").css("color", "red"); 98 var so = new SWFObject("../CuPlayerMiniV4/CuPlayer/CuPlayerMiniV4.swf", "ply", "635", "480", "9", "#000000"); 99 so.addParam("allowfullscreen", "true"); 100 so.addParam("allowscriptaccess", "always"); 101 so.addParam("wmode", "opaque"); 102 so.addParam("quality", "high"); 103 so.addParam("salign", "lt"); 104 so.addVariable("CuPlayerFile", CuPlayerFile); 105 so.addVariable("CuPlayerSetFile", "../CuPlayerMiniV4/CuPlayer/CuPlayerSetFile.xml"); //* 必须存在/播放器配置文件地址 106 so.addVariable("CuPlayerImage", "../CuPlayerMiniV4/CuPlayer/images/start2.jpg");//* 必须存在/视频略缩图,本图片文件必须正确 107 so.addVariable("CuPlayerWidth", "635"); //视频宽度 108 so.addVariable("CuPlayerHeight", "480"); //视频高度 109 so.addVariable("CuPlayerAutoPlay", "no"); //是否自动播放 110 // so.addVariable("CuPlayerFile", "test.flv"); //是否自动播放 111 so.addVariable("CuPlayerLogo", "../CuPlayerMiniV4/CuPlayer/images/epointlogo.png"); //Logo文件地址 112 so.addVariable("CuPlayerPosition", "top-left"); //Logo显示的位置 113 so.write("CuPlayer"); 114 115 $("#divFile").hide(); 116 $("#CuPlayer").show(); 117 118 function LeftScr(m) { 119 var scrtop; 120 if (m > 1) { 121 scrtop = 55 * (m - 1); 122 } else { 123 scrtop = 0; 124 } 125 $(".list").animate({ 126 scrollTop: scrtop 127 }, 130); 128 } 129 //--> 130 </script> 131 <!--酷播迷你 CuPlayerMiniV4.0 代码结束--> 132 </div>
后台绑定视频列表
1 public void BindPlayList() 2 { 3 StringBuilder sb1 = new StringBuilder(); 4 5 DataView dvChapter = new DataView(); 6 DataView dvframe = new DataView();//视频文件 7 8 9 string astring = ""; 10 int index = 0;//视频计数器 11 12 13 string filetypes = "";//文件类型 14 string attachguids = "";//文件guid 15 string filenames = "";//文件名 16 string filedates = "";//日期 17 18 string afguid = ""; 19 string afname = ""; 20 string adate = ""; 21 22 string strtype = ""; 23 24 25 dvChapter = b_pc.GetByRowGuid(CourseWareGuid);//获取视频列表的方法 26 if (dvChapter.Count > 0) 27 { 28 for (int j = 0; j < dvChapter.Count; j++) 29 { 30 string chapterguid = dvChapter[j]["RowGuid"].ToString();//chapterguid 31 //strtype = dvChapter[j]["Type"].ToString() == "1" ? "视频" : "文档"; 32 dvframe = DB_Common.GetFrame_AttachInfo(dvChapter[j]["AttachGuid"].ToString());// DB.ExecuteDataView("Select * from Frame_AttachInfo where liengGuid='" + dvChapter[j]["AttachGuid"].ToString() + "' order by row_id asc", Epoint.MisBizLogic2.Conn.GetConnectionString("Frame_ConnectionString")); 33 34 35 for (int i = 0; i < dvframe.Count; i++) 36 { 37 afguid = dvframe[i]["AttachGuid"].ToString(); 38 afname = dvframe[i]["AttachFileName"].ToString(); 39 adate = Convert.ToDateTime(dvframe[i]["UploadDateTime"]).ToString("yyyy-MM-dd"); 40 astring = "<a href="#" onclick="changeStream('" + index + "','" + chapterguid + "');">"; 41 42 if (afname.EndsWith(".flv")) 43 { 44 filetypes += "flv" + "|"; 45 46 astring += "<img src='../CuPlayerMiniV4/CuPlayer/images/moviet.png' />"; 47 //astring += "<strong>" + afname + "</strong><span>时长:" + dvChapter[j]["VideoMinutes"].ToString() + " min</span></a>"; 48 astring += "<strong>" + afname + "</strong></a>"; 49 50 } 51 else 52 { 53 filetypes += "no" + "|"; 54 astring += "<img src='../CuPlayerMiniV4/CuPlayer/images/p1.jpg' />"; 55 astring += "<strong>" + afname + "</strong><span>没有对应的文档</span></a>"; 56 } 57 attachguids += afguid + "|"; 58 filenames += afname + "|"; 59 filedates += adate + "|"; 60 61 if (afname.EndsWith(".flv")) 62 { 63 strtype = "视频"; 64 } 65 else 66 { 67 strtype = "没有对应的文档"; 68 } 69 sb1.Append("<dl>"); 70 sb1.Append("<dd>" + strtype + "</dd>"); 71 sb1.Append("<dt>" + astring + "</dt>"); 72 sb1.Append("</dl>"); 73 index++; 74 } 75 } 76 } 77 ViewState["FileType"] = filetypes.TrimEnd('|'); 78 ViewState["AttachGuid"] = attachguids.TrimEnd('|'); 79 ViewState["FileName"] = filenames.TrimEnd('|'); 80 ViewState["Date"] = filedates.TrimEnd('|'); 81 span_DemandList.InnerHtml = sb1.ToString(); 82 }