|
|
@ -1,10 +1,14 @@
|
|
|
|
<html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<head>
|
|
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8">
|
|
|
|
<meta http-equiv="content-type" content="text/html;charset=utf-8">
|
|
|
|
<style>
|
|
|
|
<style>
|
|
|
|
body {
|
|
|
|
body {
|
|
|
|
background-color: #000;
|
|
|
|
background-color: #000;
|
|
|
|
cursor: none;
|
|
|
|
cursor: none;
|
|
|
|
|
|
|
|
background-image: url(/images/bg.png);
|
|
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
|
|
background-position: center center;
|
|
|
|
|
|
|
|
background-size: auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
video {
|
|
|
|
video {
|
|
|
@ -62,7 +66,7 @@
|
|
|
|
border: 5px solid #999;
|
|
|
|
border: 5px solid #999;
|
|
|
|
border-radius: 50%;
|
|
|
|
border-radius: 50%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<body>
|
|
|
|
<video id="player" autoplay></video>
|
|
|
|
<video id="player" autoplay></video>
|
|
|
@ -103,6 +107,9 @@
|
|
|
|
var vtimer;
|
|
|
|
var vtimer;
|
|
|
|
var stimer;
|
|
|
|
var stimer;
|
|
|
|
player.volume = 0.5;
|
|
|
|
player.volume = 0.5;
|
|
|
|
|
|
|
|
player.onended = function () {
|
|
|
|
|
|
|
|
player.play();
|
|
|
|
|
|
|
|
};
|
|
|
|
function onvolumechange() {
|
|
|
|
function onvolumechange() {
|
|
|
|
var vol = document.getElementById('vol');
|
|
|
|
var vol = document.getElementById('vol');
|
|
|
|
vol.style.display = 'block';
|
|
|
|
vol.style.display = 'block';
|
|
|
|