yetangitu/Oinktube
1
0
Fork 0
mirror of https://github.com/DanielnetoDotCom/YouPHPTube synced 2025-10-03 09:49:28 +02:00
Code Issues Releases Wiki Activity

https://github.com/WWBN/AVideo/issues/8253

Browse source
This commit is contained in:
Daniel Neto 2023-07-27 11:05:52 -03:00
parent 072a8559f8
commit e2515e60af
10 changed files with 113 additions and 151 deletions
Download patch file Download diff file Expand all files Collapse all files

113
plugin/FloatVideo/floatVideo.js
View file

@ -1,96 +1,43 @@
var FloatVideoTimeout;
var floatClosed = 0;
function closeFloatVideo() {
$('#videoContainer').fadeOut('fast', function () {
// this is to remove the dragable and resize
floatLeft = $("#videoContainer").css("left");
floatTop = $("#videoContainer").css("top");
floatWidth = $("#videoContainer").css("width");
floatHeight = $("#videoContainer").css("height");
$("#videoContainer").css({"top": ""});
$("#videoContainer").css({"left": ""});
$("#videoContainer").css({"height": ""});
$("#videoContainer").css({"width": ""});
$('#videoContainer').parent().css('height', '');
$('#videoContainer').removeClass('floatVideo');
$("#videoContainer").resizable('destroy');
$("#videoContainer").draggable('destroy');
$('#floatButtons').hide();
changingVideoFloat = 0;
});
$('#videoContainer').fadeIn();
if(!$('body').hasClass('floatVideo')){
return false;
}
clearTimeout(FloatVideoTimeout);
setTimeout(function () {
$('#videoCol').css('height', '');
$('body').removeClass('floatVideo');
}, 100);
}
function setFloatVideo() {
if (!videoContainerDragged) {
if (!floatLeft || parseInt(floatLeft) < 10 || parseInt(floatLeft) === 310) {
floatLeft = "10px";
}
if (parseInt(floatLeft) === 10 && youTubeMenuIsOpened) {
floatLeft = "310px";
}
$("#videoContainer").css({"left": floatLeft});
if(floatClosed){
return false;
}
if (!$('#videoContainer').hasClass("floatVideo") && !floatClosed) {
$('#videoContainer').hide();
$('#videoContainer').addClass('floatVideo');
$('#videoContainer').parent().css('height', mainVideoHeight);
if (parseInt(floatTop) < 70) {
floatTop = "70px";
}
$("#videoContainer").css({"top": floatTop});
$("#videoContainer").css({"height": floatHeight});
$("#videoContainer").css({"width": floatWidth});
$("#videoContainer").resizable({
aspectRatio: 16 / 9,
minHeight: 150,
minWidth: 266
});
$("#videoContainer").draggable({
handle: ".move",
containment: ".principalContainer",
drag: function () {
videoContainerDragged = true;
}
});
changingVideoFloat = 0;
$('#videoContainer').fadeIn();
$('#floatButtons').fadeIn();
} else {
changingVideoFloat = 0;
if($('body').hasClass('floatVideo')){
return false;
}
clearTimeout(FloatVideoTimeout);
setTimeout(function () {
var videoContainerHeight = $('#videoContainer').height();
$('#videoCol').height(videoContainerHeight);
$('body').addClass('floatVideo');
}, 100);
}
var setFloatVideoYouTubeMenuIsOpened;
$(document).ready(function () {
mainVideoHeight = $('#videoContainer').innerHeight();
$(window).resize(function () {
mainVideoHeight = $('#videoContainer').innerHeight();
});
$(window).scroll(function () {
if (changingVideoFloat) {
return false;
}
changingVideoFloat = 1;
var s = $(window).scrollTop();
//console.log("$(window).scrollTop()= " + s);
//console.log("mainVideoHeight = $('#videoContainer').innerHeight()= " + mainVideoHeight);
if (s > mainVideoHeight) {
setFloatVideo();
$(function () {
// Function to handle scroll event
function handleScroll() {
var element = $('#videoCol'); // Replace 'your-element-id' with the ID of your target element
if (element.isVisible()) {
closeFloatVideo();
} else {
floatClosed = 0;
if ($('#videoContainer').hasClass("floatVideo")) {
closeFloatVideo();
} else {
changingVideoFloat = 0;
}
setFloatVideo();
}
});
}
setInterval(function () {
if (setFloatVideoYouTubeMenuIsOpened === youTubeMenuIsOpened || !$('#videoContainer').hasClass("floatVideo")) {
return false;
}
setFloatVideoYouTubeMenuIsOpened = youTubeMenuIsOpened;
setFloatVideo();
}, 1000);
// Bind the handleScroll function to the scroll event
$(window).scroll(handleScroll);
});