|
@@ -14,14 +14,14 @@
|
|
|
<meta name="Description" content="" />
|
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2408372_yboxwcmacnk.css">
|
|
|
<link rel="stylesheet" href="./static/swiper.min.css" />
|
|
|
-<link href="css/global.css?v=b95bd1d5" rel="stylesheet"><link href="css/video.css?v=0ddee889" rel="stylesheet"></head>
|
|
|
+<link href="css/global.css?v=b95bd1d5" rel="stylesheet"><link href="css/video.css?v=ba3fc179" rel="stylesheet"></head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<header>
|
|
|
<div class="wrapper">
|
|
|
<div class="logo-area clearfix">
|
|
|
- <a class="logo"><img src="xxxHTMLLINKxxx0.105620938211045790.33495405707287995xxx" alt="logo"></a>
|
|
|
+ <a class="logo"><img src="xxxHTMLLINKxxx0.66126584866196070.9808893204518991xxx" alt="logo"></a>
|
|
|
<ul class="menu">
|
|
|
<li class="pc-menu"><a href="javascript:;" id="tonight" class="iconfont icon-yueliang"></a></li>
|
|
|
<li class="pc-menu">
|
|
@@ -231,24 +231,11 @@
|
|
|
}
|
|
|
let player = null;
|
|
|
$('.topic-video').on('click', '.icon-play',function() {
|
|
|
- player = new window.Player({
|
|
|
- id: 'videoplayer',
|
|
|
- url: $(this).data('url'),
|
|
|
- poster: 'images/banner.jpg',
|
|
|
- playsinline: true,
|
|
|
- autoplay: true,
|
|
|
- width: '100%',
|
|
|
- height: 'auto'
|
|
|
- });
|
|
|
- $('.videoposter').hide()
|
|
|
- $('#videoplayer').show()
|
|
|
- })
|
|
|
-
|
|
|
- $('.video-recs').on('click', '.icon-play', function() {
|
|
|
- if(!player) {
|
|
|
+ let that = this;
|
|
|
+ $.getJSON($(this).data('url'), function(res) {
|
|
|
player = new window.Player({
|
|
|
id: 'videoplayer',
|
|
|
- url: $(this).data('url'),
|
|
|
+ url: res.data.video,
|
|
|
playsinline: true,
|
|
|
autoplay: true,
|
|
|
width: '100%',
|
|
@@ -256,26 +243,48 @@
|
|
|
});
|
|
|
$('.videoposter').hide()
|
|
|
$('#videoplayer').show()
|
|
|
- }else {
|
|
|
- player.src = $(this).data('url')
|
|
|
- }
|
|
|
- $('.topic-video h3').html(`<a href="${$(this).parent('a').attr('href')}">${$(this).data('title')}<br />${$(this).data('subtitle')}</a> `)
|
|
|
- $('.topic-video ol p').html($(this).data('desc'))
|
|
|
- $('.topic-video ol span').html($(this).data('by'))
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ $('.video-recs').on('click', '.icon-play', function() {
|
|
|
+ let that = this;
|
|
|
+ $.getJSON($(this).data('url'), function(res) {
|
|
|
+ if(!player) {
|
|
|
+ player = new window.Player({
|
|
|
+ id: 'videoplayer',
|
|
|
+ url: res.data.video,
|
|
|
+ playsinline: true,
|
|
|
+ autoplay: true,
|
|
|
+ width: '100%',
|
|
|
+ height: 'auto'
|
|
|
+ });
|
|
|
+ $('.videoposter').hide()
|
|
|
+ $('#videoplayer').show()
|
|
|
+ }else {
|
|
|
+ player.src = $(that).data('url')
|
|
|
+ }
|
|
|
+ $('.topic-video h3').html(`<a href="${$(that).parent('a').attr('href')}">${$(that).data('title')}<br />${$(that).data('subtitle')}</a> `)
|
|
|
+ $('.topic-video ol p').html($(that).data('desc'))
|
|
|
+ $('.topic-video ol span').html($(that).data('by'))
|
|
|
+ })
|
|
|
return false;
|
|
|
})
|
|
|
|
|
|
if(/iphone|android/.test(navigator.userAgent.toLocaleLowerCase())) {
|
|
|
$('.video-module').on('click', '.icon-play',function() {
|
|
|
- new window.Player({
|
|
|
- el: $(this).closest('dt').get(0),
|
|
|
- url: $(this).data('url'),
|
|
|
- playsinline: true,
|
|
|
- autoplay: true,
|
|
|
- width: '100%',
|
|
|
- height: 'auto'
|
|
|
- });
|
|
|
- $(this).closest('a').css('visibility', 'hidden')
|
|
|
+ let that = this;
|
|
|
+ $.getJSON($(this).data('url'), function(res) {
|
|
|
+ new window.Player({
|
|
|
+ el: $(that).closest('dt').get(0),
|
|
|
+ url: res.data.video,
|
|
|
+ playsinline: true,
|
|
|
+ autoplay: true,
|
|
|
+ width: '100%',
|
|
|
+ height: 'auto'
|
|
|
+ });
|
|
|
+ $(that).closest('a').css('visibility', 'hidden')
|
|
|
+ })
|
|
|
+
|
|
|
// $('#videoplayer').show()
|
|
|
return false;
|
|
|
})
|