-
Notifications
You must be signed in to change notification settings - Fork 0
/
diurnal-motion.html
53 lines (49 loc) · 1.52 KB
/
diurnal-motion.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Pannellum Video Demo</title>
<link rel="stylesheet" href="https://cdn.pannellum.org/2.4/pannellum.css"/>
<script type="text/javascript" src="https://cdn.pannellum.org/2.4/pannellum.js"></script>
<link href="https://vjs.zencdn.net/7.0.2/video-js.css" rel="stylesheet"
type="text/css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://vjs.zencdn.net/7.0.2/video.js"></script>
<script src="videojs-pannellum-plugin.js"></script>
<style type="text/css">
body {
padding: 0;
margin: 0;
}
</style>
</head>
<body>
<video id="panorama" class="video-js vjs-default-skin vjs-big-play-centered"
muted autoplay preload="auto" style="width:400px;height:600px;"
crossorigin="anonymous">
<source src="paris-en.mp4" type="video/mp4" />
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to
a web browser that <a href="http://videojs.com/html5-video-support/"
target="_blank">supports HTML5 video</a>
</p>
</video>
<script>
var player = videojs('panorama', {
plugins: {
pannellum: {}
}
}).ready(function() {
var player = this;
player.play();
// player.currentTime(10);
// console.log(player.currentTime());
// player.pause();
// setTimeout(function() {
// player.pause();
// player.currentTime(5);
// }, 500);
});
</script>
</body>
</html>