update css & js
This commit is contained in:
parent
d92080fcc8
commit
243c4c486c
2 changed files with 9 additions and 3 deletions
|
@ -7,18 +7,22 @@
|
||||||
border-radius: 16px;
|
border-radius: 16px;
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
background-color: rgba(0, 0, 0, 0.5);
|
||||||
box-shadow: 0 0 2px rgb(0, 0, 0);
|
box-shadow: 0 0 2px rgb(0, 0, 0);
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.playButton {
|
.button.playButton {
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
.editButton {
|
.button.editButton {
|
||||||
right: 8px;
|
right: 8px;
|
||||||
bottom: 8px;
|
bottom: 8px;
|
||||||
}
|
}
|
||||||
.interface {
|
.interface {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
|
.interface.video {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
|
@ -12,12 +12,12 @@ function getVideoOverlay(page) {
|
||||||
var id = this.counter;
|
var id = this.counter;
|
||||||
if (editable || videoOverlay[page][id]) {
|
if (editable || videoOverlay[page][id]) {
|
||||||
var div = document.createElement('div');
|
var div = document.createElement('div');
|
||||||
div.className = 'interface';
|
|
||||||
div.style.left = image.left + 'px';
|
div.style.left = image.left + 'px';
|
||||||
div.style.top = image.top + 'px';
|
div.style.top = image.top + 'px';
|
||||||
div.style.width = image.width + 'px';
|
div.style.width = image.width + 'px';
|
||||||
div.style.height = image.height + 'px';
|
div.style.height = image.height + 'px';
|
||||||
if (videoOverlay[page] && videoOverlay[page][id]) {
|
if (videoOverlay[page] && videoOverlay[page][id]) {
|
||||||
|
div.className = 'interface video';
|
||||||
div.title = 'Click to Play';
|
div.title = 'Click to Play';
|
||||||
div.onclick = function(event) {
|
div.onclick = function(event) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
|
@ -29,6 +29,8 @@ function getVideoOverlay(page) {
|
||||||
img.className = 'button playButton';
|
img.className = 'button playButton';
|
||||||
img.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij48cG9seWdvbiBwb2ludHM9IjU2LDMyIDI0OCwxMjggNTYsMjI0IiBmaWxsPSIjRkZGRkZGIi8+PC9zdmc+PCEtLXsiY29sb3IiOiJ2aWRlbyIsIm5hbWUiOiJzeW1ib2xQbGF5IiwidGhlbWUiOiJveGRhcmsifS0tPg==';
|
img.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2Ij48cG9seWdvbiBwb2ludHM9IjU2LDMyIDI0OCwxMjggNTYsMjI0IiBmaWxsPSIjRkZGRkZGIi8+PC9zdmc+PCEtLXsiY29sb3IiOiJ2aWRlbyIsIm5hbWUiOiJzeW1ib2xQbGF5IiwidGhlbWUiOiJveGRhcmsifS0tPg==';
|
||||||
div.appendChild(img);
|
div.appendChild(img);
|
||||||
|
} else {
|
||||||
|
div.className = 'interface';
|
||||||
}
|
}
|
||||||
if (editable) {
|
if (editable) {
|
||||||
var img = document.createElement('img');
|
var img = document.createElement('img');
|
||||||
|
|
Loading…
Reference in a new issue