https://www.yukiweb.net/assets/js/top.js

1//"yukinko"
2$(window).on('load', function () {
3	$('.yukinko').fadeIn(1000).css({
4		'display': 'inline-block'
5	});
6	$('.yukinko a').delay(1500).fadeIn(1500);
7	$('.out_bg').delay(1500).fadeOut(1500);
8	setTimeout(function () {
9		$('.yukinko').css({
10			'position': 'relative'
11		});
12	}, 3000);
13})
14
15
16$(function () {
17
18	//Info
19	$.ajax({
20		"timeout": 5000,
21		"type": 'get',
22		"url": '//www.sonymusic.co.jp/json/v2/artist/YUKI/information/start/0/count/5',
23		"dataType": 'jsonp',
24		"jsonpCallback": 'callback',
25		success: function (json) {
26			var html = '';
27			$.each(json.items, function (i, e) {
28				var content = e.article;
29				content = (content.length > 100) ? content.substring(0, 100) + '...' : content;
30				html += '<li><a href="./info/archive/?' + e.link.split('/').pop() + '"><div class="date">' + e.date.replace(/\./g, '.') + '</div><div class="title">' + e.title + '</div></a></li>';
31			})
32			$(".news_list").html(html)
33			if (typeof callback === 'function') callback()
34		}
35	})
36
37	//Movie
38	$(".movie .thumb").each(function () {
39		var id = $(this).attr("data-list-id");
40		$(this).on('click', function () {
41			var iframe = '<iframe width="740" height="410" src="https://www.youtube.com/embed/' + id + '?rel=0&amp;showinfo=0;autoplay=1" frameborder="0" scrolling="no" allowfullscreen></iframe>';
42			$(".modal").show().velocity({
43				opacity: 1
44			}, {
45				duration: 200,
46				complete: function () {
47					$(".modal_list-player").html(iframe);
48				}
49			})
50		})
51	})
52	//Special Movie
53	$(".special_movie .thumb").each(function () {
54		var _id = $(this).attr("data-special-id");
55		// $(this).find("a").html('<img src="http://i.ytimg.com/vi/'+_id+'/maxresdefault.jpg" alt="">')
56		$(this).on('click', function () {
57			var _iframe = '<iframe width="373" height="661" src="https://www.youtube.com/embed/' + _id + '?rel=0&amp;showinfo=0;autoplay=1" frameborder="0" scrolling="no" allowfullscreen></iframe>';
58			$(".modal").show().velocity({
59				opacity: 1
60			}, {
61				duration: 200,
62				complete: function () {
63					$(".modal_special-player").html(_iframe);
64				}
65			})
66		})
67	})
68
69	$(".modal_bg").on('click', function () {
70		$(".modal").velocity({
71			opacity: 0
72		}, {
73			duration: 200,
74			complete: function () {
75				$(this).hide();
76				$(".modal_list-player, .modal_special-player").empty();
77			}
78		})
79	})
80
81})