-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
94 lines (88 loc) · 3.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Unicornplus LLC</title>
<link rel="stylesheet" href="asset/css/index.css">
</head>
<body>
<section class="section_bg">
<video autoplay muted loop id="myvideo">
<source src="asset/video/sky.mp4">
</source>
</video>
<div class="index_bg">
<div class="index_left">
<p class="left_top">合同会社ユニコーンプラス UNICORNPLUS LLC</p>
<div class="border_b"></div>
<div class="left_down">
<p class="special_title">UNICORNPLUS</p>
<p class="special_title special_title_2">LLC</p>
<p class="special_second">合同会社<br>ユニコーンプラス</p>
<div class="clear"></div>
<p class="special_about">Copyright © UNICORNPLUS LLC</p>
</div>
<div class="clear"></div>
</div>
<div class="index_right">
<a href="http://electronicdevice.unicornplus.co.jp" class="link_bg">
<div class="title_box link_left">
<p>デバイス事業</p>
<p>電子デバイス<br> UNICORNPLUS
<img src="asset/images/right_icon.svg" width="12" height="21.8">
</p>
</div>
<div class="bg_opacity"></div>
<div class="link_a_bg">
</div>
</a>
<a href="http://kids.unicornplus.co.jp/" class=" link_bg">
<div class="title_box link_right">
<p>教育事業</p>
<p>UNICORN KIDS<br>
<span>INTERNATIONAL SCHOOL</span>
<img src="asset/images/right_icon.svg" width="12" height="21.8"
style="margin-bottom: -4px;">
</p>
</div>
<div class="bg_opacity"></div>
<div class="link_b_bg">
</div>
</a>
</div>
</div>
</section>
<div class="clear"></div>
<footer>
<p>Copyright © UNICORNPLUS LLC</p>
</footer>
<script async src="https://www.youtube.com/iframe_api"></script>
<script>
function onYouTubeIframeAPIReady() {
var player;
player = new YT.Player('muteYouTubeVideoPlayer', {
videoId: 'HKY2RLoUlNE', // YouTube 影片ID
playerVars: {
autoplay: 1, // 在讀取時自動播放影片
controls: 1, // 在播放器顯示暫停/播放按鈕
showinfo: 1, // 隱藏影片標題
modestbranding: 1, // 隱藏YouTube Logo
loop: 1, // 讓影片循環播放
fs: 1, // 隱藏全螢幕按鈕
cc_load_policty: 0, // 隱藏字幕
iv_load_policy: 3, // 隱藏影片註解
autohide: 0 // 當播放影片時隱藏影片控制列
},
events: {
onReady: function (e) {
e.target.mute();
}
}
});
}
// Written by @labnol
</script>
</body>
</html>