-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
83 lines (83 loc) · 3.46 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
<html>
<head>
<title>YtQck</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body onload="def()">
<div class="clearfix"></div>
<nav>
<div class="nav-wrapper red darken-1 hoverable z-depth-2">
<ul>
<li>
<img src="main.png" alt="logo" class="responsive-img logo" width="60px" height="60px" />
</li>
<li class="searchBox grey-text lighten-5">
<form class="grey-text lighten-5" id="searchBox" ng-app ng-controller="Ctrl">
<div class="row">
<div class="col s11">
<input type="text" name="search" onKeyPress="video(document.getElementById('query').value)" onKeyUp="video(document.getElementById('query').value)" placeholder="Search Video..." class="query white-text red darken-1 lighten-5" id="query" list="items">
</div>
<div class="col s1">
<input type="submit" style="visibility:hidden;"></input>
</div>
</div>
<script type="text/javascript">
var input = document.getElementById('query');
input.focus();
input.select();
</script>
</form>
</li>
<li class="right">generic-1.0.1</li>
</ul>
</div>
</nav>
<div class="clearfix"></div>
<div class="container main">
<div class="row">
<div class="">
<div class="" id="YTPlayer"></div>
<div class="details">
<div id="titleY"></div>
<div id="desc"></div>
<div id="viewsCount"></div>
</div>
<div id="fb-share-button">
<svg viewBox="0 0 12 12" preserveAspectRatio="xMidYMid meet">
<path class="svg-icon-path" d="M9.1,0.1V2H8C7.6,2,7.3,2.1,7.1,2.3C7,2.4,6.9,2.7,6.9,3v1.4H9L8.8,6.5H6.9V12H4.7V6.5H2.9V4.4h1.8V2.8 c0-0.9,0.3-1.6,0.7-2.1C6,0.2,6.6,0,7.5,0C8.2,0,8.7,0,9.1,0.1z"></path>
</svg>
<span>Share</span>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function def(){
var list = ['eCH9gClZprM', '4PdU6migsqQ', 'IoBP24I2lwA', 'ANS9sSJA9Yc', '0FWRT9C9XMQ', 'QK8mJJJvaes', 'pAgnJDJN4VA', 'YQHsXMglC9A', 'RgKAFK5djSk', 'VDvr08sCPOc', 'AJtDXIazrMo'];
var randId = list[Math.floor(Math.random()*list.length)];
details(randId);
document.getElementById('YTPlayer').innerHTML = ('<iframe id="ytplayer" type="text/html" width="100%" height="57%" src="https://www.youtube.com/embed/'+randId+'?autoplay=1&color=white&showinfo=0&rel=0" allowfullscreen frameborder="0"></iframe>');
}
</script>
<div class="col s1" id="desc"></div>
</div>
<div class="clearfix"></div>
<!--
<div class="container">
<div class="">
<h5 class="simHead" id="simHead"></h5>
<div class="row">
<div class="col s3" id="secVid"></div>
<div class="col s3" id="thVid"></div>
<div class="col s3" id="frthVid"></div>
</div>
</div>
</div>-->
<script type="text/javascript" src="common.js"></script>
<script>
require('./app.js')
</script>
</body>
</html>