Para asegurarte de que el
src se vuelva a asignar correctamente al
iframe cuando este vuelve a ser visible, debes revisar el flujo de tu código y asegurarte de que no lo estás eliminando prematuramente y que lo estás configurando nuevamente.
### Cambios Propuestos:
1.
Asegúrate de no eliminar el src del iframe a menos que sea realmente necesario.
2.
Confirma que el src se asigna de nuevo en el bloque donde se verifica si está visible (entry.isIntersecting).
Aquí tienes el código corregido:
JavaScript:
$(document).ready(function(){
const options = {
root: null,
threshold: 0.6
};
let loadTimeouts;
let observer3 = new IntersectionObserver((entries) => {
entries.forEach(entry => {
const dataId = entry.target.getAttribute('dataid');
const iframe = entry.target;
if(entry.isIntersecting) {
var elementospom = document.querySelectorAll(".submeho");
if(elementospom.length === 0) {
loadTimeouts = setInterval(() => {
const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
const targetDataId = dataId;
iframes.forEach(iframe => {
const iframeDataId = iframe.getAttribute("dataid");
const iframeWindow = iframe.contentWindow;
const video = iframeWindow.document.getElementsByClassName('vidplay')[0];
if (video && !video.paused && iframeDataId !== targetDataId) {
iframe.setAttribute('src', ''); // Eliminar el src del iframe
}
});
}, 300);
// Asigna el src solo si no tiene src o está vacío
if (!iframe.src || iframe.src === "") {
iframe.src = iframe.getAttribute("data-src");
iframe.onload = function() {
$(".laggs[dataid='" + dataId + "']").remove();
};
}
}
} else {
clearInterval(loadTimeouts);
iframe.loadTimeout = null;
// Si es necesario, quitar el src aquí solo si lo deseas
// iframe.setAttribute('src', ''); // Comentado para evitar la eliminación del src
}
});
}, options);
function observeLogamDivs2() {
document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
if (elem instanceof Node) {
observer3.observe(elem);
}
});
}
observeLogamDivs2();
let mutationObserver3 = new MutationObserver((mutations) => {
mutations.forEach(mutation => {
mutation.addedNodes.forEach(node => {
if (node.nodeType === 1) {
const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
iframes.forEach(iframe => {
if (iframe instanceof Node) {
observer3.observe(iframe);
}
});
}
});
});
});
const targetNode = document.querySelector('.moreinfo');
if (targetNode) {
mutationObserver3.observe(targetNode, {
childList: true,
subtree: true
});
}
});
### Principales Cambios:
1.
Eliminación del src comentada: He comentado la línea que elimina el
src cuando el
iframe ya no está visible. Asegúrate de que no estás eliminando el
src innecesariamente para permitir que se vuelva a asignar sin problemas.
2.
Condición para la Asignación: La asignación del
src se hace directamente en la sección donde el
iframe es visible y solo si el
src está vacío.
Con estos ajustes, asegúrate de probar si la funcionalidad deseada ahora funciona. Si el problema persiste, valdría la pena revisar si hay otras partes del código que puedan estar afectando el estado del
iframe. Si hay más detalles o comportamientos que observas, por favor compártelos para poder ayudarte mejor.
$(document).ready(function(){
const options = {
root: null,
threshold: 0.6
};
let loadTimeouts;
let observer3 = new IntersectionObserver((entries) => {
entries.forEach(entry => {
const dataId = entry.target.getAttribute('dataid');
const iframe = entry.target;
if(entry.isIntersecting){
var elementospom = document.querySelectorAll(".submeho");
if(elementospom.length === 0){
loadTimeouts = setInterval(() => {
const iframes = document.querySelectorAll(".sessim .octumpro[data-src]");
const targetDataId = dataId;
iframes.forEach(iframe => {
const iframeDataId = iframe.getAttribute("dataid");
const iframeWindow = iframe.contentWindow;
const video = iframeWindow.document.getElementsByClassName('vidplay')[0];
if (iframeDataId !== targetDataId) {
iframe.setAttribute('src', ''); // Eliminar el src del iframe
}
});
}, 300);
if(!iframe.src || iframe.src === ""){
if(!iframe.loadTimeout){
iframe.src = iframe.getAttribute("data-src");
iframe.onload = function() {
$(".laggs[dataid='" + dataId + "']").remove();
};
}
}
}
}else{
clearInterval(loadTimeouts);
iframe.loadTimeout = null;
}
});
}, options);
function observeLogamDivs2(){
document.querySelectorAll('.sessim .octumpro[data-src]').forEach(elem => {
if(elem instanceof Node){
observer3.observe(elem);
}
});
}
observeLogamDivs2();
let mutationObserver3 = new MutationObserver((mutations) => {
mutations.forEach(mutation => {
mutation.addedNodes.forEach(node => {
if(node.nodeType === 1){
const iframes = node.querySelectorAll('.sessim .octumpro[data-src]');
iframes.forEach(iframe => {
if(iframe instanceof Node){
observer3.observe(iframe);
}
});
}
});
});
});
const targetNode = document.querySelector('.moreinfo');
if(targetNode){
mutationObserver3.observe(targetNode, {
childList: true,
subtree: true
});
}
});
no vuelve asignar el src al iframe
🙁
