@ -15,6 +15,8 @@
< link rel = "stylesheet" href = "__CSS__/20180207/game.css" >
< link rel = "stylesheet" href = "__CSS__/20180207/game.css" >
< link href = "__STATIC__/ios9/css/common.css" rel = "stylesheet" type = "text/css" >
< link href = "__STATIC__/ios9/css/common.css" rel = "stylesheet" type = "text/css" >
< link rel = "stylesheet" href = "__CSS__/landing_page.css" >
< link rel = "stylesheet" href = "__CSS__/landing_page.css" >
< script src = "__STATIC__/vide7.4.1/js/video.min.js" > < / script >
< link href = "__STATIC__/vide7.4.1/css/video-js.min.css" rel = "stylesheet" >
< / head > < / head >
< body class = "main_bg" style = "background-color: #0a0a0a;height: auto;" > < body class = "main_bg" style = "background-color: #0a0a0a;height: auto;" >
< style > < style >
@ -24,9 +26,9 @@
top: 23.28%;
top: 23.28%;
width: 100%;
width: 100%;
}
}
.home-video video {
.home-video .video-js {
left: calc((100% - 84.7222222%) / 2);
width: 84.7222222%;
width: 84.7222222%;
height: 84.7222222%;
border-radius: 4.5%;
border-radius: 4.5%;
}
}
@media(min-width:580px){
@media(min-width:580px){
@ -56,8 +58,15 @@
<?php if ($k == 1) :?>
<?php if ($k == 1) :?>
<?php if (!empty($game['flooring_page_video'])):?>
<?php if (!empty($game['flooring_page_video'])):?>
< div class = "home-video" >
< div class = "home-video" >
< video id = "shakeVideo" src = "{$game['flooring_page_video']}" autoplay controls muted webkit-playsinline = "true" playsinline = "true" > < / video >
< video id = "example_video_1" class = "video-js vjs-default-skin vjs-big-play-centered" controls preload = "none" width = "640" height = "264"
poster="http://video-js.zencoder.com/oceans-clip.png"
data-setup="{}">
< source src = "{$game['flooring_page_video']}" type = 'video/mp4' / >
< / video >
< / div >
< / div >
<!-- <div class="home - video"> -->
<!-- <video id="shakeVideo" src="{$game['flooring_page_video']}" autoplay controls muted webkit - playsinline="true" playsinline="true"></video> -->
<!-- </div> -->
<?php endif;?>
<?php endif;?>
<?php endif ;?>
<?php endif ;?>
<?php if ($downloadUrl == 'https://'.$_SERVER['HTTP_HOST']) :?>
<?php if ($downloadUrl == 'https://'.$_SERVER['HTTP_HOST']) :?>
@ -73,6 +82,99 @@
< script src = "__STATIC__/layer/layer.js" > < / script > < script src = "__STATIC__/layer/layer.js" > < / script >
< script src = "__STATIC__/ios9/js/layer/layer.js?VerNo=20190923" type = "text/javascript" > < / script > < script src = "__STATIC__/ios9/js/layer/layer.js?VerNo=20190923" type = "text/javascript" > < / script >
< script type = "text/javascript" > < script type = "text/javascript" >
var videoWidth = $('.video-js').width();
$('.video-js').height(videoWidth * 0.562295082);
var myPlayer = videojs('example_video_1');
myPlayer.ready(function(){
var myPlayer = this;
myPlayer.play();
});
//设置中文
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.": "视频已加密，无法解密。",
"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.": "可以按ESC按键或启用关闭按钮来关闭此弹窗。",
", 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.": "结束对话视窗"
});
$('.down-link').on('click', function () {
$('.down-link').on('click', function () {
var dow_status = parseInt($('#dow_status').val());
var dow_status = parseInt($('#dow_status').val());
chenxiaojun
5 years ago