-
Notifications
You must be signed in to change notification settings - Fork 0
/
video.html
150 lines (122 loc) · 9.18 KB
/
video.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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1, width=device-width">
<link rel="stylesheet" href="/lightlifephotography/static/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="/lightlifephotography/static/fontawesome.min.css" integrity="sha384-X8QTME3FCg1DLb58++lPvsjbQoCT9bp3MsUU3grbIny/3ZwUJkRNO8NPW6zqzuW9" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="/lightlifephotography/static/gallery.css">
<link href="/lightlifephotography/static/face.jpeg" rel="icon">
<link href="/lightlifephotography/static/styles.css" rel="stylesheet">
<link href="http://fonts.cdnfonts.com/css/anurati" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet">
<link href="/lightlifephotography/static/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css">
<script src="/lightlifephotography/static/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<script> src="mgGlitch.min.js"</script>
<script src="https://unpkg.com/@peertube/embed-api/build/player.min.js"></script>
<script src="/lightlifephotography/static/iconify.min.js"></script>
<title>Light Life Photography</title>
<script>
// preload code
document.onreadystatechange = function() {
if (document.readyState == "complete") {
document.querySelector(
"body").style.visibility = "visible";
document.querySelector(
"#loader").style.visibility = "none";
} else {
document.querySelector(
"#loader").style.display = "visible";
document.querySelector(
"body").style.visibility = "hidden";
}
}
</script>
</head>
<body class="back1">
<nav class="navbar navbar-expand-lg navbar-dark bg navbar-fixed" style="background-color: rgb(8, 8, 8); align-items: center; justify-content: left;" >
<button aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation" class="navbar-dark navbar-toggler" data-target="#navbar" data-toggle="collapse" type="button">
<span class="navbar-dark navbar-toggler-icon"></span>
</button>
<div class="pss"><a style= 'font-family: trajan-pro;' class="navbar-brand" href="/lightlifephotography"><span class="red">Light Life Photography</span></a></div>
<div class="collapse navbar-collapse labels" id="navbar" style='font-family: trajan-pro;'>
<ul class="navbar-nav mr-auto mt-2" id="navbarz">
<!-- <li class="nav-item"><a class="nav-link" href="/quote">Quote</a></li>
<li class="nav-item"><a class="nav-link" href="/buy">Buy</a></li> -->
<!-- <li class="nav-item"><a class="nav-link" href="/">Automotive</a></li> -->
<li class="nav-item dropdown">
<span class="nav-link aut" id="navbarDropdownMenuLink" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Automotive
</span>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="/lightlifephotography/#outdoor">Outdoor</a>
<a class="dropdown-item" href="/lightlifephotography/#studio">Studio</a>
<a class="dropdown-item" href="/lightlifephotography/#light">Light Painting</a>
<a class="dropdown-item" href="/lightlifephotography/#packages">Packages</a>
</div>
</li>
<li class="nav-item"><a class="nav-link" href="/lightlifephotography/life">Life</a></li>
<li class="nav-item"><a class="nav-link" href="/lightlifephotography/non-profit">Non-profit</a></li>
<li class="nav-item"><a class="nav-link" href="/lightlifephotography/video">Video</a></li>
<li class="nav-item"><a class="nav-link" href="/lightlifephotography/clients">Clients</a></li>
</ul>
<!-- <div class="flex-row d-flex justify-content-center flex-nowrap"> -->
<ul class="list-inline navbar-nav ml-auto mt-2">
<li><a href="https://www.facebook.com/capture.lightlife" target="_blank" class="social-iconz"><div style="text-align:center;"><span class="spark border-secondary" id="face"><img src="/lightlifephotography/static/images/logoz/facebook.png" height="21"/></span></div></a></li>
<li><a href="https://www.instagram.com/light.life.photo" target="_blank" class="social-iconz"><div style="text-align:center;"><span class="spark border-secondary" id="insta"><img src="/lightlifephotography/static/images/logoz/instagram.png" height="21"/></span></div></a></li>
<li><a href="https://www.orion-hub.fr/c/light.life.photo/videos?s=1" target="_blank" class="social-iconz"><div style="text-align:center;"><span class="spark border-secondary" id="peer"><img src="/lightlifephotography/static/images/logoz/peertube.png" height="21"/></span></div></a></li>
<li><a href="https://t.me/LightLifePhoto" target="_blank" class="social-iconz"><div style="text-align:center;"><span class="spark border-secondary" id="tele"><img src="/lightlifephotography/static/images/logoz/telegram.png" height="21"/></span></div></a></li>
<li><a href="https://www.linkedin.com/in/darryl-light-life-photograhy-87139019a" target="_blank" class="social-iconz"><div style="text-align:center;"><span class="spark border-secondary" id="link"><img src="/lightlifephotography/static/images/logoz/linkedin.png" height="21"/></span></div></a></li>
<li><a href="https://mstdn.social/@light_life" target="_blank" class="social-iconz"><div style="text-align:center;"><span class="spark border-secondary" id="masto"><img src="/lightlifephotography/static/images/logoz/mastodon_1.png" height="21"/></span></div></a></li>
</ul>
<!-- </div> -->
<ul class="navbar-nav ml-auto mt-2">
<!-- <li class="nav-item"><a class="nav-link" href="/contact">Contact</a></li> -->
<li><a href="/lightlifephotography/contact" class="social-iconz"><div style="text-align:center;"><span id="conta"><img src="/lightlifephotography/static/images/logoz/contact.png" height="27"/></span></div></a></li>
</ul>
</div>
</div>
</nav>
<main class="p5">
<div id="viewer">
<div id= projects style="margin-top: 70px;">
<div class="ava">
<div class="vid-container">
<iframe title="My Best Work" width="560" height="315" src="https://www.orion-hub.fr/video-playlists/embed/4fd9de02-ba1a-4ebd-96b9-372c663e22b9" frameborder="0" allowfullscreen="" sandbox="allow-same-origin allow-scripts allow-popups"></iframe>
</div>
</div>
</div>
</div>
</main>
<script>
$(".navbar-collapse a").click(function () {
$(".navbar-collapse").collapse("hide");
});
</script>
<script>
const PeerTubePlayer = window['PeerTubePlayer']
let player = new PeerTubePlayer(document.querySelector('iframe'))
await player.ready // wait for the player to be ready
// now you can use it!
player.play()
player.seek(32)
player.pause()
$(document).ready(function () {
$(".arrow-right").bind("click", function (event) {
event.preventDefault();
$(".vid-list-container").stop().animate({
scrollLeft: "+=336"
}, 750);
});
$(".arrow-left").bind("click", function (event) {
event.preventDefault();
$(".vid-list-container").stop().animate({
scrollLeft: "-=336"
}, 750);
});
});
</script>
</body>
</html>