Tour bleibt schwarz? (Controls, Thumbs etc. jedoch alle geladen / angezeigt)

Servus,
vielleicht hat ja von euch einer eine Idee wo hier das Problem liegen könnte? Einer unserer Pano-Tour Kunden hat eine unseren 360° Touren auf deren Webseite eingebaut - jedoch bleibt die Tour einfach SCHWARZ? (Controls, Hotspots etc. alles da - nur die Bilder werden nicht angezeigt, laut Netzwerkübersicht werden sie geladen aber nicht gezeigt)
Hatte das in der Form noch nicht und finde auch leider den Grund für das Problem nicht?!?
Vermute dass irgendwas auf seiner Seite mit krpano kollidiert ... nur was?!?

https://www.dalfazalm.at/

Ca. in der Mitte der Seite wäre die Tour eingebaut.

Hoffe einer von euch hat hier ne zündende Idee

Danke, lg aus Tirol
Andreas

ja leider seeeeehr suspekt ... ich kann inzwischen ausschließen dass das Problem bei meiner Config liegt ...
Hab mir die Seite mal auf meinen lokalen Dev-Server runter geholt und ein Original Example von krpano eingebunden ... da passiert das gleiche ... mhm ...

http://temp.in.futureweb.at/5/Dalfaz%20Alm…rtment/tour.xml

Sprich irgendetwas das die bei Herold in deren Seiten einbinden kollidiert direkt mit krpano ... mhm ...

Ich vermute das Problem irgendwo hier ... mhm ...
Die holen https://github.com/cerner/canadarm rein ... wenn ich den Code-Part auskommentiere geht die Tour ...

function setUpEventListening() {
        var addEventListener, removeEventListener, eventListeners = [];
        window.EventTarget ? (addEventListener = window.EventTarget.prototype.addEventListener, removeEventListener = window.EventTarget.prototype.removeEventListener, window.EventTarget.prototype.addEventListener = function(event, callback, bubble) {
            return addEventListener.call(this, event, Canadarm.watch(callback), bubble)
        }, window.EventTarget.prototype.removeEventListener = function(event, callback, bubble) {
            return removeEventListener.call(this, event, Canadarm.watch(callback), bubble)
        }) : window.Element && window.Element.prototype && window.Element.prototype.attachEvent && window.Element.prototype.addEventListener === undefined && (Event.prototype.preventDefault || (Event.prototype.preventDefault = function() {
            this.returnValue = !1
        }), Event.prototype.stopPropagation || (Event.prototype.stopPropagation = function() {
            this.cancelBubble = !0
        }), Element.prototype.addEventListener || (addEventListener = function(type, listener) {
            var self = this,
                wrapper = function(e) {
                    e.target = e.srcElement, e.currentTarget = self, listener.handleEvent ? listener.handleEvent(e) : listener.call(self, e)
                };
            "DOMContentLoaded" !== type && (this.attachEvent("on" + type, Canadarm.watch(wrapper)), eventListeners.push({
                object: this,
                type: type,
                listener: listener,
                wrapper: wrapper
            }))
        }, removeEventListener = function(type, listener) {
            for (var eventListener, counter = 0; counter < eventListeners.length;) {
                if (eventListener = eventListeners[counter], eventListener.object == this && eventListener.type === type && eventListener.listener == listener) {
                    "DOMContentLoaded" !== type && this.detachEvent("on" + type, Canadarm.watch(eventListener.wrapper)), eventListeners.splice(counter, 1);
                    break
                }++counter
            }
        }, Element.prototype.addEventListener = addEventListener, Element.prototype.removeEventListener = removeEventListener))
    }

Problem halt nur dass ich auf der Seite nicht modifizieren kann da sie von HEROLD erstellt wurde ... und ich wage zu bezweifeln dass die iw. an deren CMS ändern weil "nur ne Tour nicht geht" ... :-/

Wie gesagt - die Seite ist nicht von uns - die wird von Herold für einen unserer Tour-Kunden erstellt ... und das ist auch nur ein Http-Dump der bestehden Seite damit ich rumprobieren kann (ggfs. dass da etwas nicht mitgeladen wurde - daher 404) ... Original ist hier: https://www.dalfazalm.at/
Halte ja generell nicht wirklich viel von den Herold Seiten ... aber es werden leider immer mehr & mehr ... und unsere Kunden wundern sich dann wieso die Tour die wir für sie gemacht haben nicht funktioniert ... :-/

Haben wir denen schon geschriebn dass sie es über nen iframe einbinden sollen ... aber ist natürlich aufgrund fehlender responsiveness (mobiles ...) leider nur ne notlösung ...
Haben ihnen auch geschrieben dass sie deren Devs mal auf disen Code-Part ansetzen sollten ... und was der Blödsinn soll dass sie über die EventListener drüber radieren ... nur fürchte ich dass da nicht viel zurück kommen wird ...

Wird wahrscheinlich von unserer Seite aus keine Möglichkeit geben dass wir deren Fehler ausbügeln können, oder?!?

Wir haben keinen Zugriff auf den Code der Webseite und auch keinen Einfluss welche JS von denen geladen werden ...
Wir haben einen JS-Wrapper der auf den Kundenwebseiten die entsprechende Tour einbindet ... sprich auf die Implementation des Players haben wir einfluss ...

Die Frage ob man den EventListener dass die Kacheln geladen worden sind iw. faken kann wenn die ihn killen ... mhm ... ?

Hätte jetzt mal nen reduzierten Testcase gebastelt ... inkl. 2 Sekunden Verzögerung beim Laden vom Player (js als auch den embedpano() Call) ... mhm ... leider genau das gleiche Problem ...

http://temp.in.futureweb.at/rundblick.html

*grmbl*

ja weil sie auf der Live Seite inzwischen als IFRAME implementiert wurde ... wär trotzdem schön wenn's irgend ne möglichkeit gäbe die direkte JS-Einbindung zu verwenden ... :-/

Keine sonstigen Ideen wie/ob man das doch noch mir der direkten JS-Einbindung lösen könnte?
Würde ungern bei allen HErold Kunden nur mehr über iframe einbinden ... :-/