196 lines
6.3 KiB
PHTML
Executable File
196 lines
6.3 KiB
PHTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>视频</title>
|
|
{include file="include/head" /}
|
|
<script type="text/javascript">
|
|
var navID = "1";
|
|
</script>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/subject/software.css">
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/montserrat.css">
|
|
</head>
|
|
|
|
<body class="bg-gray">
|
|
<!--top-->
|
|
<header class="header-PC header-Index">
|
|
<div id="header" class="theme-white">
|
|
|
|
{include file="include/top-header2023" /}
|
|
</div>
|
|
</header>
|
|
{include file="include/top-header-mobile" /}
|
|
<!--内容-->
|
|
<!--banner-->
|
|
<div class="Swt-Banner position-r">
|
|
<img src="__PUBLIC__/weben/images/software/banner_01.png" alt="" />
|
|
<div class="banner_title">软件和驱动程序</div>
|
|
</div>
|
|
<!--banner-->
|
|
<div class="contact_c">
|
|
<!--搜索-->
|
|
<div class="search_all">
|
|
<input type="text" name="textfield" placeholder="搜索">
|
|
<div class="searchbtn" id="search-btn"><img src="__PUBLIC__/weben/images/software/search.png"></div>
|
|
</div>
|
|
<!--搜索-->
|
|
<!--tab切换-->
|
|
<div class="tab">
|
|
<a href="__ORICOROOT__/download.html" class="list">软件驱动</a>
|
|
<a href="<?php echo url('download/catelists_down?id=45')?>" class="list">手册</a>
|
|
<a href="__ORICOROOT__/video/category/1.html" class="list on">视频</a>
|
|
</div>
|
|
<!--tab切换-->
|
|
<!--video-->
|
|
<?php if ($videoCategory): ?>
|
|
<div class="video">
|
|
<div class="hd">
|
|
<ul>
|
|
<?php foreach ($videoCategory as $k => $vc): ?>
|
|
<li<?php if ($category['id'] == $vc['id']): ?> class="on" <?php endif; ?>><?php echo $vc['name']; ?>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</div>
|
|
<div class="bd">
|
|
<?php foreach ($videoCategory as $k => $vc): ?>
|
|
<ul data-cid="<?php echo $vc['id']; ?>">
|
|
<?php
|
|
?>
|
|
<dl class="video_hotul" id="dl<?php echo $vc['id']; ?>">
|
|
<?php
|
|
if ($vc['id'] == $category['id'] && !empty($list)):
|
|
foreach ($list as $video):
|
|
?>
|
|
<dd>
|
|
<div class="hot1">
|
|
<video preload="none" controls="controls" poster="<?php echo getImage($video['picture']); ?>">
|
|
<source src="<?php echo $video['videopath'];?>" type="video/mp4">
|
|
</video>
|
|
</div>
|
|
<div class="htit">
|
|
<div class="htit1"><?php echo $video['name']; ?></div>
|
|
<div class="htit2">
|
|
<?php echo msubstr($video['description'], 0, 160, 'utf-8'); ?>ORICO 2169U3 full mesh 2.5 inch hard
|
|
drive enclosure, all-round heat-dissipation; compatible with SATA HDD below 9.5mm. </div>
|
|
</div>
|
|
</dd>
|
|
<?php endforeach; ?>
|
|
<div class="clear"></div>
|
|
<?php endif; ?>
|
|
</dl>
|
|
<div id="page<?php echo $vc['id']; ?>">
|
|
<!-- 分页 s -->
|
|
<?php
|
|
if ($vc['id'] == $category['id'] && !empty($list) && $page) {
|
|
echo $page;
|
|
}
|
|
?>
|
|
<!-- 分页 e -->
|
|
</div>
|
|
</ul>
|
|
<?php endforeach; ?>
|
|
|
|
</div>
|
|
<!-- Add Arrows -->
|
|
<script>
|
|
jQuery(".video .hd").slide({
|
|
mainCell: "ul",
|
|
autoPlay: false,
|
|
effect: "left",
|
|
vis: 8,
|
|
scroll: 1,
|
|
autoPage: false,
|
|
prevCell: ".prev",
|
|
nextCell: ".next"
|
|
});
|
|
$(".video").slide({
|
|
trigger: "click",
|
|
defaultIndex: 0,
|
|
startFun: startFun,
|
|
});
|
|
var thiscid = "<?php echo $category['id']; ?>";
|
|
$(function() {
|
|
$("#page" + thiscid + " a[href^='__ORICOROOT__/video']").click(aPageClick);
|
|
});
|
|
|
|
function startFun(i, c, slider) {
|
|
var $current = $(".bd ul", slider).eq(i);
|
|
if ($current.length) {
|
|
var cid = $current.data('cid'),
|
|
url = '__ORICOROOT__/video/category/' + cid + '.html';
|
|
if ($("#dl" + cid + " dd", $current).length == 0) {
|
|
getPageContent(url);
|
|
}
|
|
}
|
|
console.log(i);
|
|
}
|
|
|
|
function aPageClick(event) {
|
|
event.preventDefault()
|
|
var url = this.href;
|
|
if (url) {
|
|
getPageContent(url);
|
|
}
|
|
}
|
|
|
|
function getPageContent(url) {
|
|
$.ajax({
|
|
url: url,
|
|
async: false,
|
|
dataType: "json",
|
|
success: function(data) {
|
|
if (data.code && data.data.list) {
|
|
var html = '',
|
|
list = data.data.list,
|
|
len = list.length,
|
|
i, cid = data.data.category.id;
|
|
for (i = 0; i < len; i++) {
|
|
html += '<dd>';
|
|
// html += '<a href="/us/video/detail/' + list[i].id + '.html">';
|
|
//html += '<div class="hot1"><div class="himg"><img src="' + list[i].picture + '"></div></div>';
|
|
html += '<video preload="none" controls="controls" poster="' + list[i].picture +
|
|
'"><source src="' + list[i].videopath + '" type="video/mp4"></video>';
|
|
html += '<div class="htit">'
|
|
html += '<div class="htit1">' + list[i].name + '</div>';
|
|
html += '<div class="htit2">' + list[i].description.substring(0, 160) + '</div>';
|
|
html += '</div>'
|
|
html += '</dd>';
|
|
}
|
|
|
|
html += '<div class="clear"></div>';
|
|
$("#dl" + cid).html(html);
|
|
$("#page" + cid).html(data.data.page);
|
|
$("#page" + cid + " a[href^='/us/video']").click(aPageClick);
|
|
$("html, body").animate({
|
|
scrollTop: $("#dl" + cid).offset().top
|
|
}, 1000);
|
|
}
|
|
},
|
|
error: function() {
|
|
//alert("请求超时，请重试！");
|
|
}
|
|
});
|
|
}
|
|
</script>
|
|
<div class="height_130"></div>
|
|
</div>
|
|
<?php endif; ?>
|
|
<!--video-->
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--内容 -->
|
|
|
|
<!-- bottom s -->
|
|
{include file="include/bottom2023" /}
|
|
<!-- bottom e -->
|
|
</body>
|
|
|
|
</html>
|
|
<script type="text/javascript">
|
|
|
|
</script>
|