-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·112 lines (93 loc) · 4.84 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dereceli Girmeli Miyim?</title>
<link rel="stylesheet" href="css/hextec-ui.min.css">
<link rel="stylesheet" href="css/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="vid" src="https://www.youtube.com/embed/videoseries?list=PLraFbwCoisJB8aQaaNlEEJfHsn5GX1B1X" allow="autoplay; encrypted-media" allowfullscreen frameborder="0"></div>
<div class="first">
<div class="c-btn c-btn--primary start">Uygulamayı Başlat</div>
</div>
<div class="content">
<h1 class="major-title--frame no-accent wings">
<span class="minor-title">Kötü takım gelebilir, seriden düşebilirsin, acaba bugün...</span>
<span class="major-title"><span class="wing wing-left"></span><span class="wing-text">Dereceli Girmeli Misin?</span><span class="wing wing-right"></span></span>
</h1>
<span class="medium">Vadinin çetin koridorlarına, vahşi ormanlarına, dipsiz nehrine adım atmadan önce, acaba bunu yapmalı mısın?</span>
<span class="small">Normal oyunda sorun yok, çetinlikmiş, vahşilikmiş normal oyun yani yok öyle şeyler.</span>
<div class="action c-btn c-btn--primary" onmouseenter="mouseEnterAction()" onmouseleave="mouseLeaveAction()">Tıkla ve Gör</div>
<div class="result">
<h2 class="section-title">
<span class="section-title--accent accent-left"></span>
<span class="section-title--text result-text"></span>
<span class="section-title--accent accent-right"></span></h2>
</div>
<p>Dereceli Girmeli Miyim? Riot Games tarafından onaylanmadı ve Riot Games'in ya da League of Legends'ın üretilmesinde ya da yönetilmesinde resmi olarak yer alan herkesin görüşlerini ya da fikirlerini yansıtmıyor sadece <a target="_blank" href="https://twitter.com/RiotDunpy/status/1008307714714488832">Dunpy Bey</a> istedi <a href="https://twitter.com/mehmetalicode" target="_blank">biz</a> yaptık.</p>
<p>League of Legends ve Riot Games, Riot Games, Inc. League of Legends'ın ticari markaları veya tescilli ticari markalarıdır. <a href="https://www.riotgames.com/" target="_blank">© Riot Games, Inc.</a></p>
</div>
<script>
httpGet = function(theUrl) {
var xmlHttp = null;
xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", theUrl, false);
xmlHttp.send(null);
return xmlHttp.responseText;
}
var theVideos = httpGet('https://www.googleapis.com/youtube/v3/playlistItems?part=snippet&maxResults=50&playlistId=PLbAFXJC0J5GZHUtGea_zQR0OyD3UBuw9s&key=AIzaSyAMf_7dexeVkX_Jo2LjSvIpA16-uYi37vk');
var videoCount = JSON.parse(theVideos).items.length;
var randomNumber = Math.floor((Math.random() * videoCount));
// 2. This code loads the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('vid', {
height: '390',
width: '640',
videoId: JSON.parse(theVideos).items[randomNumber].snippet.resourceId.videoId,
playerVars: {
controls: 0,
rel: 0,
showinfo: 0,
autoplay: 1,
"modestbranding": 0,
fs: 0,
"cc_load_policy": 0,
"iv_load_policy": 3,
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event) {
console.log(event.target);
window.myPlayer = event.target;
console.log(window.myPlayer);
event.target.playVideo();
event.target.setVolume(30);
}
// 5. The API calls this function when the player's state changes.
// The function indicates that when playing a video (state=1),
// the player should play for six seconds and then stop.
var done = false;
function onPlayerStateChange(event) {
}
function stopVideo() {
player.stopVideo();
}
</script>
<script src="js/jquery.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>