var RUN = {
isMobile: function () {
var userAgentInfo = navigator.userAgent,
Agents = [
'Android',
'iPhone',
'SymbianOS',
'Windows Phone',
'iPad',
'iPod',
],
flag = false
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = true
break
}
}
return flag
},
isIE: function () {
if (!!window.ActiveXObject || 'ActiveXObject' in window) return true
else return false
},
adaptive: function () {
//绉诲姩绔€傞厤
window['adaptive'].desinWidth = 750
window['adaptive'].baseFont = 28
window['adaptive'].setRemCallback = function () {}
window['adaptive'].init()
},
videoListOpen: function (dom, data, size, cb) {
console.log("d", dom, data, size)
var videoTitle = data.title || ""
var videoType = data.videoType || ""
if (
data.m4v == '' ||
data.m4v == null ||
data.m4v == 'undefined'
) {
alert("璇风淮鎶よ棰戦摼鎺?)
return
}
if (
data.poster == '' ||
data.poster == null ||
data.poster == 'undefined'
) {
data.poster = 'https://crculture.crc.com.cn//assets/images/video-def.jpg'
}
var html =
'
' + videoTitle + '
' + videoType + '' +
'
' +
'
'+
''+
'
'+
'
'
// $('#my-video-ctn-' + dom.attr('data-id')).remove()
if($("#my-video-ctn").length<1){
$('body').append(html);
RUN.langChange();
var player = videojs('my-video');
RUN.deleteTitle();
$("#my-video-ctn").show();
$('.jp-mask').show()
}
else{
setTimeout(function(){
RUN.langChange();
var player = videojs('my-video');
v_url = data.m4v;
img_url = data.poster;
var typeStr ='application/x-mpegURL';
if(!(v_url.indexOf(".m3u8")>0 && v_url.indexOf(".mp4")<0)){
var typeStr ='video/mp4'
}
// 鍒囨崲鍒版柊鐨 M3U8 璧勬簮
player.src({
type: typeStr,
src: v_url
});
player.poster(img_url);
// 閲嶆柊鍔犺浇鎾斁鍣ㄤ互搴旂敤鏂扮殑婧
player.load();
$("#my-video-ctn").show();
$('.jp-mask').show();
RUN.deleteTitle();
})
}
$('.jp-mask,.jp-close')
.off()
.on('click', function () {
// $('#my-video-ctn-' + dom.attr('data-id')).remove()
player = videojs('my-video');
$("#my-video-ctn").hide();
player.pause();
$('.jp-mask').hide()
RUN.deleteTitle();
// tools.enableScroll()
})
if (RUN.isMobile()) {
var domPlay = $('#my-video-ctn')
$('#my-video-ctn').addClass("jp-video-mob");
if(!($('#my-video-ctn').hasClass("jp-video-mob"))){
$('#my-video-ctn').addClass("jp-video-mob")
}
$(".jp-video-open").width("100%").css({
"margin-left": 0,
"left": 0,
"margin-top":0
});
var calVid = (size.width / size.height);
var mHeight = ( 100 / calVid )+"vw";
$("#my-video-size").css("width","100%");
$("#my-video-size").css("height",mHeight);
} else {
if( $('#my-video-ctn').hasClass("jp-video-mob")){
$('#my-video-ctn').removeClass("jp-video-mob")
}
$("#my-video-size").css("width",size.width);
$("#my-video-size").css("height",size.height);
$('.jp-video-open').css({
width: size.width,
marginLeft: (size.width / 2) * -1,
marginTop: (size.height / 2) * -1 + 30,
left:"50%"
})
}
},
langChange : function(){
videojs.addLanguage('zh-CN', {
"Play": "鎾斁",
"Pause": "鏆傚仠",
"Current Time": "褰撳墠鏃堕棿",
"Duration": "鏃堕暱",
"Remaining Time": "鍓╀綑鏃堕棿",
"Stream Type": "濯掍綋娴佺被鍨?,
"LIVE": "鐩存挱",
"Loaded": "鍔犺浇瀹屾瘯",
"Progress": "杩涘害",
"Fullscreen": "鍏ㄥ睆",
"Non-Fullscreen": "閫€鍑哄叏灞?,
"Mute": "闈欓煶",
"Unmute": "鍙栨秷闈欓煶",
"Playback Rate": "鎾斁閫熷害",
"Subtitles": "瀛楀箷",
"subtitles off": "鍏抽棴瀛楀箷",
"Captions": "鍐呭祵瀛楀箷",
"captions off": "鍏抽棴鍐呭祵瀛楀箷",
"Chapters": "鑺傜洰娈佃惤",
"Close Modal Dialog": "鍏抽棴寮圭獥",
"Descriptions": "鎻忚堪",
"descriptions off": "鍏抽棴鎻忚堪",
"Audio Track": "闊宠建",
"You aborted the media playback": "瑙嗛鎾斁琚粓姝?,
"A network error caused the media download to fail part-way.": "缃戠粶閿欒瀵艰嚧瑙嗛涓嬭浇涓€斿け璐ャ€?,
"The media could not be loaded, either because the server or network failed or because the format is not supported.": "瑙嗛鍥犳牸寮忎笉鏀寔鎴栬€呮湇鍔″櫒鎴栫綉缁滅殑闂鏃犳硶鍔犺浇銆?,
"The media playback was aborted due to a corruption problem or because the media used features your browser did not support.": "鐢变簬瑙嗛鏂囦欢鎹熷潖鎴栨槸璇ヨ棰戜娇鐢ㄤ簡浣犵殑娴忚鍣ㄤ笉鏀寔鐨勫姛鑳斤紝鎾斁缁堟銆?,
"No compatible source was found for this media.": "鏃犳硶鎵惧埌姝よ棰戝吋瀹圭殑婧愩€?,
"The media is encrypted and we do not have the keys to decrypt it.": "瑙嗛宸插姞瀵嗭紝鏃犳硶瑙e瘑銆?,
"Play Video": "鎾斁瑙嗛",
"Close": "鍏抽棴",
"Modal Window": "寮圭獥",
"This is a modal window": "杩欐槸涓€涓脊绐?,
"This modal can be closed by pressing the Escape key or activating the close button.": "鍙互鎸塃SC鎸夐敭鎴栧惎鐢ㄥ叧闂寜閽潵鍏抽棴姝ゅ脊绐椼€?,
", opens captions settings dialog": ", 寮€鍚爣棰樿缃脊绐?,
", opens subtitles settings dialog": ", 寮€鍚瓧骞曡缃脊绐?,
", opens descriptions settings dialog": ", 寮€鍚弿杩拌缃脊绐?,
", selected": ", 閫夋嫨",
"captions settings": "瀛楀箷璁惧畾",
"Audio Player": "闊抽鎾斁鍣?,
"Video Player": "瑙嗛鎾斁鍣?,
"Replay": "閲嶆挱",
"Progress Bar": "杩涘害灏忚妭",
"Volume Level": "闊抽噺",
"subtitles settings": "瀛楀箷璁惧畾",
"descriptions settings": "鎻忚堪璁惧畾",
"Text": "鏂囧瓧",
"White": "鐧?,
"Black": "榛?,
"Red": "绾?,
"Green": "缁?,
"Blue": "钃?,
"Yellow": "榛?,
"Magenta": "绱孩",
"Cyan": "闈?,
"Background": "鑳屾櫙",
"Window": "瑙嗙獥",
"Transparent": "閫忔槑",
"Semi-Transparent": "鍗婇€忔槑",
"Opaque": "涓嶉€忔槑",
"Font Size": "瀛椾綋灏哄",
"Text Edge Style": "瀛椾綋杈圭紭鏍峰紡",
"None": "鏃?,
"Raised": "娴洉",
"Depressed": "鍘嬩綆",
"Uniform": "鍧囧寑",
"Dropshadow": "涓嬮槾褰?,
"Font Family": "瀛椾綋搴?,
"Proportional Sans-Serif": "姣斾緥鏃犵粏浣?,
"Monospace Sans-Serif": "鍗曢棿闅旀棤缁嗕綋",
"Proportional Serif": "姣斾緥缁嗕綋",
"Monospace Serif": "鍗曢棿闅旂粏浣?,
"Casual": "鑸掗€?,
"Script": "鎵嬪啓浣?,
"Small Caps": "灏忓瀷澶у啓瀛椾綋",
"Reset": "閲嶅惎",
"restore all settings to the default values": "鎭㈠鍏ㄩ儴璁惧畾鑷抽璁惧€?,
"Done": "瀹屾垚",
"Caption Settings Dialog": "瀛楀箷璁惧畾瑙嗙獥",
"Beginning of dialog window. Escape will cancel and close the window.": "寮€濮嬪璇濊绐椼€傜寮€浼氬彇娑堝強鍏抽棴瑙嗙獥",
"End of dialog window.": "缁撴潫瀵硅瘽瑙嗙獥"
});
},
deleteTitle:function(){
setTimeout(function(){
$(".vjs-big-play-button").attr("title","");
$(".vjs-control.vjs-button").attr("title","");
$(".vjs-control-text").html("");
},100)
var playButton = document.querySelector('.vjs-control.vjs-button');
// 妫€鏌ユ寜閽槸鍚﹀瓨鍦
if (playButton) {
// 绉婚櫎鎴栭殣钘忔寜閽甴over鏃剁殑鎻愮ず璇
playButton.addEventListener('mouseenter', function() {
$(".vjs-big-play-button").attr("title","");
$(".vjs-control.vjs-button").attr("title","");
$(".vjs-control-text").html("");
});
}
},
videoPlayWithClickNum: function (data, siteId) {
// var videoTitle = data.title || ""
// var videoType = data.videoType || ""
if (
data.poster == '' ||
data.poster == null ||
data.poster == 'undefined'
) {
data.poster = 'https://crculture.crc.com.cn//assets/images/video-def.jpg'
}
var html = '
'+
'
'
if($("#run-video-open").length<1){
$('body').append(html);
RUN.langChange();
if (player) {
player.dispose();
player = null;
}
var player = videojs('my-video');
RUN.deleteTitle();
$("#run-video-open").show();
$('.run-mask').show()
if(siteId){
var clientType = 1;
if (RUN.isMobile()) {
clientType = 2;
}
var videoSrc= data.m4v;
var vIdStr=videoSrc.split("?")[1];
var videoid="";
if(vIdStr){
videoid=vIdStr.split("=")[1];
}
if(videoid){
player.on('play', function() {
console.log('瑙嗛寮€濮嬫挱鏀撅紒');
$.ajax({
type: "POST",
url: "/rcms-external-rest/rm/addClick",
data: {
"siteId": siteId,
"id": videoid,
"type": "3",
"clientType": clientType,
"webHost": window.location.host
},
success: function(res) {
if (res.code === "S1A00000") {
console.log(videoid+'鍩嬬偣鎴愬姛锛?);
}
}
})
})
}
}
}
else{
setTimeout(function(){
RUN.langChange();
if (player) {
player.dispose();
player = null;
}
var player = videojs('my-video');
v_url = data.m4v;
img_url = data.poster;
var typeStr ='application/x-mpegURL';
if(!(v_url.indexOf(".m3u8")>0 && v_url.indexOf(".mp4")<0)){
var typeStr ='video/mp4'
}
// 鍒囨崲鍒版柊鐨 M3U8 璧勬簮
player.src({
type: typeStr,
src: v_url
});
player.poster(img_url);
// 閲嶆柊鍔犺浇鎾斁鍣ㄤ互搴旂敤鏂扮殑婧
player.load();
$("#run-video-open").show();
$('.run-mask').show();
RUN.deleteTitle();
if(siteId){
var clientType = 1;
if (RUN.isMobile()) {
clientType = 2;
}
var videoSrc= data.m4v;
var vIdStr=videoSrc.split("?")[1];
var videoid="";
if(vIdStr){
videoid=vIdStr.split("=")[1];
}
if(videoid){
player.on('play', function() {
console.log('瑙嗛寮€濮嬫挱鏀撅紒');
$.ajax({
type: "POST",
url: "/rcms-external-rest/rm/addClick",
data: {
"siteId": siteId,
"id": videoid,
"type": "3",
"clientType": clientType,
"webHost": window.location.host
},
success: function(res) {
if (res.code === "S1A00000") {
console.log(videoid+'鍩嬬偣鎴愬姛锛?);
}
}
})
})
}
}
})
}
$('.run-mask,.run-open-close')
.off()
.on('click', function () {
// player = videojs('my-video');
if (player) player.dispose();
$("#run-video-open").remove();
// player.pause();
$('.run-mask').remove()
// RUN.deleteTitle();
})
},
// 鐢变簬鏈変簺鏃х殑鍐欐硶鏄笉鍒哖C涓庣Щ鍔ㄧ锛屽叏閮界粺璁″湪pc绔腑锛屼笖缁熻鐨勬槸鏂囩珷鐨勮闂噺锛屽苟涓嶆槸瑙嗛鑷韩
videoPlayWithClickNumOld: function (data, siteId, params) {
// var videoTitle = data.title || ""
// var videoType = data.videoType || ""
if (
data.poster == '' ||
data.poster == null ||
data.poster == 'undefined'
) {
data.poster = 'https://crculture.crc.com.cn//assets/images/video-def.jpg'
}
var html = '
'+
'
'
if($("#run-video-open").length<1){
$('body').append(html);
RUN.langChange();
if (player) {
player.dispose();
player = null;
}
var player = videojs('my-video');
RUN.deleteTitle();
$("#run-video-open").show();
$('.run-mask').show()
if(siteId){
var clientType = 1;
if (RUN.isMobile()) {
clientType = 2;
}
var videoSrc= data.m4v;
var vIdStr=videoSrc.split("?")[1];
var videoid="";
if(vIdStr){
videoid=vIdStr.split("=")[1];
}
if(videoid){
player.on('play', function() {
console.log('瑙嗛寮€濮嬫挱鏀撅紒');
$.ajax({
type: "POST",
url: "/rcms-external-rest/rm/addClick",
data: params,
success: function(res) {
if (res.code === "S1A00000") {
console.log(videoid+'鍩嬬偣鎴愬姛锛?);
}
}
})
})
}
}
}
else{
setTimeout(function(){
RUN.langChange();
if (player) {
player.dispose();
player = null;
}
var player = videojs('my-video');
v_url = data.m4v;
img_url = data.poster;
var typeStr ='application/x-mpegURL';
if(!(v_url.indexOf(".m3u8")>0 && v_url.indexOf(".mp4")<0)){
var typeStr ='video/mp4'
}
// 鍒囨崲鍒版柊鐨 M3U8 璧勬簮
player.src({
type: typeStr,
src: v_url
});
player.poster(img_url);
// 閲嶆柊鍔犺浇鎾斁鍣ㄤ互搴旂敤鏂扮殑婧
player.load();
$("#run-video-open").show();
$('.run-mask').show();
RUN.deleteTitle();
if(siteId){
var clientType = 1;
if (RUN.isMobile()) {
clientType = 2;
}
var videoSrc= data.m4v;
var vIdStr=videoSrc.split("?")[1];
var videoid="";
if(vIdStr){
videoid=vIdStr.split("=")[1];
}
if(videoid){
player.on('play', function() {
console.log('瑙嗛寮€濮嬫挱鏀撅紒');
$.ajax({
type: "POST",
url: "/rcms-external-rest/rm/addClick",
data:params,
success: function(res) {
if (res.code === "S1A00000") {
console.log(videoid+'鍩嬬偣鎴愬姛锛?);
}
}
})
})
}
}
})
}
$('.run-mask,.run-open-close')
.off()
.on('click', function () {
// player = videojs('my-video');
if (player) player.dispose();
$("#run-video-open").remove();
// player.pause();
$('.run-mask').remove()
// RUN.deleteTitle();
})
}
}