fix expanded video size issue in Opera
This commit is contained in:
parent
7de58faa21
commit
1690392132
@ -14,6 +14,8 @@ function setupVideo(thumb, url) {
|
|||||||
if (video.pause) video.pause();
|
if (video.pause) video.pause();
|
||||||
videoContainer.style.display = "none";
|
videoContainer.style.display = "none";
|
||||||
thumb.style.display = "inline";
|
thumb.style.display = "inline";
|
||||||
|
video.style.maxWidth = "inherit";
|
||||||
|
video.style.maxHeight = "inherit";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -21,7 +23,9 @@ function setupVideo(thumb, url) {
|
|||||||
if (hovering) {
|
if (hovering) {
|
||||||
hovering = false;
|
hovering = false;
|
||||||
if (video.pause) video.pause();
|
if (video.pause) video.pause();
|
||||||
video.style.display = "none";
|
videoContainer.style.display = "none";
|
||||||
|
video.style.maxWidth = "inherit";
|
||||||
|
video.style.maxHeight = "inherit";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -42,6 +46,7 @@ function setupVideo(thumb, url) {
|
|||||||
|
|
||||||
videoContainer = document.createElement("div");
|
videoContainer = document.createElement("div");
|
||||||
videoContainer.style.paddingLeft = "15px";
|
videoContainer.style.paddingLeft = "15px";
|
||||||
|
videoContainer.style.display = "none";
|
||||||
videoContainer.appendChild(videoHide);
|
videoContainer.appendChild(videoHide);
|
||||||
videoContainer.appendChild(video);
|
videoContainer.appendChild(video);
|
||||||
thumb.parentNode.insertBefore(videoContainer, thumb.nextSibling);
|
thumb.parentNode.insertBefore(videoContainer, thumb.nextSibling);
|
||||||
@ -65,13 +70,6 @@ function setupVideo(thumb, url) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function scrollToVideo() {
|
|
||||||
var bottom = video.getBoundingClientRect().bottom;
|
|
||||||
if (bottom > window.innerHeight) {
|
|
||||||
window.scrollBy(0, bottom - window.innerHeight);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
thumb.addEventListener("click", function(e) {
|
thumb.addEventListener("click", function(e) {
|
||||||
if (setting("videoexpand") && !e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey) {
|
if (setting("videoexpand") && !e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey) {
|
||||||
getVideo();
|
getVideo();
|
||||||
@ -79,10 +77,7 @@ function setupVideo(thumb, url) {
|
|||||||
hovering = false;
|
hovering = false;
|
||||||
|
|
||||||
video.style.position = "static";
|
video.style.position = "static";
|
||||||
video.style.maxWidth = "100%";
|
video.style.pointerEvents = "inherit";
|
||||||
video.style.maxHeight = window.innerHeight + "px";
|
|
||||||
video.style.pointerEvents = "auto";
|
|
||||||
|
|
||||||
video.style.display = "inline";
|
video.style.display = "inline";
|
||||||
videoHide.style.display = "inline";
|
videoHide.style.display = "inline";
|
||||||
videoContainer.style.display = "block";
|
videoContainer.style.display = "block";
|
||||||
@ -92,15 +87,24 @@ function setupVideo(thumb, url) {
|
|||||||
video.muted = setting("videomuted");
|
video.muted = setting("videomuted");
|
||||||
video.controls = true;
|
video.controls = true;
|
||||||
if (video.readyState == 0) {
|
if (video.readyState == 0) {
|
||||||
video.addEventListener("loadedmetadata", scrollToVideo, false);
|
video.addEventListener("loadedmetadata", expand2, false);
|
||||||
} else {
|
} else {
|
||||||
scrollToVideo();
|
setTimeout(expand2, 0);
|
||||||
}
|
}
|
||||||
video.play();
|
video.play();
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
}
|
}
|
||||||
}, false);
|
}, false);
|
||||||
|
|
||||||
|
function expand2() {
|
||||||
|
video.style.maxWidth = "100%";
|
||||||
|
video.style.maxHeight = window.innerHeight + "px";
|
||||||
|
var bottom = video.getBoundingClientRect().bottom;
|
||||||
|
if (bottom > window.innerHeight) {
|
||||||
|
window.scrollBy(0, bottom - window.innerHeight);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
thumb.addEventListener("mouseover", function(e) {
|
thumb.addEventListener("mouseover", function(e) {
|
||||||
if (setting("videohover")) {
|
if (setting("videohover")) {
|
||||||
getVideo();
|
getVideo();
|
||||||
|
Loading…
Reference in New Issue
Block a user