From 2e9957c187b7735453fe8225bd095e64b072334e Mon Sep 17 00:00:00 2001 From: hdw <hdw@192.168.31.211> Date: 星期一, 17 十二月 2018 19:19:56 +0800 Subject: [PATCH] 添加内容 --- gx_tieta/WebRoot/mobil/app/js/common.js | 93 ++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 93 insertions(+), 0 deletions(-) diff --git a/gx_tieta/WebRoot/mobil/app/js/common.js b/gx_tieta/WebRoot/mobil/app/js/common.js index ffcafaf..fa12317 100644 --- a/gx_tieta/WebRoot/mobil/app/js/common.js +++ b/gx_tieta/WebRoot/mobil/app/js/common.js @@ -83,6 +83,99 @@ } }; + +//渚濊禆ckplayer.js +var CkVideo = function(container, video) { + this.urls = []; + this.container = $(container); + this.opts = { + container: video, //瀹瑰櫒鐨処D鎴朿lassName + variable: 'player', //鎾斁鍑芥暟鍚嶇О + loop: false, //鎾斁缁撴潫鏄惁寰幆鎾斁 + autoplay: false,//鏄惁鑷姩鎾斁 + //poster: 'material/poster.jpg', //灏侀潰鍥剧墖 + preview: {}, + drag: 'start', //鎷栧姩鐨勫睘鎬� + video: [ + ['', 'video/mp4'] + ] + }; + + this._slide(); + this._change(); +}; +CkVideo.prototype = { + init: function(data, sid) { + this.urls = []; + for(var i=0; i<data.length; i++) { + var _data = data[i]; + var tmp = {}; + tmp.fileName = _data.fileName; + tmp.fileUrl = '../../../stationsrc/'+sid+'/video/'+_data.fileName; + this.urls.push(tmp); + } + + // 璁剧疆鎾斁鍒楄〃 + this._list(); + } + ,player: function(url) { + this.opts.video = [[url, 'video/mp4']]; + new ckplayer(this.opts); + } + ,_list: function() { + var container = this.container.find('.ck-video-list-container ul'); + container.text(""); + // 閬嶅巻urls + for(var i=0; i<this.urls.length; i++) { + var _url = this.urls[i]; + var _li = $('<li></li>'); + var _a = $('<a href="javascript:;"></a>'); + if(i == 0) { + _a.addClass('active-this'); + } + var _icon = $('<i class="fa fa-video-camera"></i>'); + var _span = $('<span>'+_url.fileName+'</span>'); + + _a.append(_icon); + _a.append(_span); + _a.data('url', _url); + _li.append(_a); + container.append(_li); + } + + var rsUrl = this.getAcUrl(); + this.player(rsUrl); + + } + ,_slide: function() { + var _list = this.container.find('.ck-video-list'); + var _slide = this.container.find('.ck-video-slide'); + var _this = this; + _slide.off('click.ck.slide').on('click.ck.slide', function() { + _list.toggleClass('slide-hide'); + }); + } + ,_change: function() { + var container = this.container.find('.ck-video-list-container ul'); + var _this = this; + container.off('click.ck.change').on('click.ck.change', 'li a', function() { + container.find('li a').removeClass('active-this'); + $(this).addClass('active-this'); + var url = $(this).data('url').fileUrl; + _this.player(url); + }); + } + ,getAcUrl: function() { + var container = this.container.find('.ck-video-list-container ul'); + var acUrl = container.find('.active-this'); + var url = ''; + if(acUrl.length != 0) { + url = acUrl.data('url').fileUrl; + } + return url; + } +}; + //鏍煎紡鍖栨椂闂� Date.prototype.format =function(format) { -- Gitblit v1.9.1