You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

1

Tuesday, April 8th 2014, 10:52am

skin_control_bar ???

Hallo ...

... wenn ich die tour.html aus der vtour in einer lytebox öffne, fehlt in der skin-control-bar
der button für fullscreen ....

... wenn ich die gleiche seite in einem neuen tab aufrufe, ist der fullscreen-button in der
skin-control-bar sichtbar und funktionsfähig ....

siehe : http://www.immidea.com/reents/panorama.html ....

...der link für das pano ist im bild bzw rechte maustaste für neuen tab ...

... ich verstehe das nicht ... was muzss ich tun, damit ich den button auch in der lytebox
funktionstüchtig anzeigen lassen kann ?

beste grüsse

mthrills | Hans

2

Tuesday, April 8th 2014, 8:09pm

Hi,

damit der HTML5 Fullscreen Modus in einem <iframe> funktioniert, muss bei der <iframe> Deklaration 'allowfullscreen=true' angeben werden.

Siehe hier die Anmerkungen bzgl. iframes:
http://krpano.com/docu/html5/#fullscreen

D.h. eventuell muss das 'lytebox' Skript entsprechend erweitert werden.

Schöne Grüße,
Klaus

3

Tuesday, April 8th 2014, 8:14pm

danke

Hallo Klaus

danke ... so wurde es gemacht ....

allerdings darf der allowfullscreen-befehl für die lytebox nicht in den data-lyte-options stehen,
sondern muss eigenstädnig daneben geschrieben werden ... da funktioniert es wieder sauber....

great ... :) ...

mthrills | Hans

This post has been edited 2 times, last edit by "mthrills" (Apr 8th 2014, 9:32pm)


4

Wednesday, April 9th 2014, 12:32pm

leider doch nicht

Hallo Klaus ...

leider leider ... es wäre auch zu schön gewesen ...

wenn ich die seite offline aus meinem arbeitsverzeichnis aufrufe, habe ich den fullscreen-button sichtbar ...

wenn die seite allerdings über meinen offline-webserver oder über den online-webserver aufrufe, bekomme
ich den button nicht ....

was hat sich denn an dieser stelle in der krpano-version geändert ? ... bisher funktionierte der fullscreen in
der lytebox in allen versionen ? ...

fragt

mthrills | Hans

5

Wednesday, April 9th 2014, 3:11pm

Hi,

wie gesagt - damit der HTML5(!!!) Fullscreen Modus innerhalb eines iframes funktioniert muss 'allowfullscreen' (plus die Browser-spezifischen Varianten) wird bei dem <iframe> Element definiert sein.

Dazu wird es wahrscheinlich notwendig sein, den 'lytebox' Quellcode, an der Stelle an welcher dieser den <iframe> erzeugt, entsprechend zu erweitern.

Bzgl. 'bisher funktionierte' - sicher das hier nicht Flash mit HTML5 verwechselt wird?!
Dem Flashplayer selbst ist es egal ob dieser direkt auf der Seite oder in einem iframe eingebunden ist.

Schöne Grüße,
Klaus

6

Wednesday, April 9th 2014, 3:20pm

Hi,

so, ich habe mir jetzt das Lytebox Skript heruntergeladen:

Um es um HTML5 Fullscreen Support zu erweitern, in der 'lytebox.js' diese Zeile suchen:

Source code

1
var oIframe = this.doc.createElement('iframe');


und eine Zeile darunter diese Zeilen einfügen:

Source code

1
2
3
4
oIframe.allowfullscreen = true;
oIframe.mozallowfullscreen = true;
oIframe.webkitallowfullscreen = true;
oIframe.msallowfullscreen = true;


Schöne Grüße,
Klaus

7

Wednesday, April 9th 2014, 3:51pm

leider ...

Hallo Klaus,

leider auch nicht ...
genau nach Deiner anleitung gemacht, aber weder ohne hoch-kommas noch mit hoch-kommas
erscheint der fullscreen-button ... nix zu machen ...


mthrills | Hans

8

Wednesday, April 9th 2014, 4:13pm

Was ist mit 'weder ohne hoch-kommas noch mit hoch-kommas' gemeint?
Welche Hoch-kommas?

Kannst du dein Lytebox Beispiel zeigen?

Wird dort ein HTML5 Doctype verwendet?
Auf der LyteBox How-To-Use Seite wird fälschlicherweise ein HTML4 Doctype empfehlen (da aber das Lytebox Skript ja schon über 2 Jahre alt ist, sind solche veralteten Informationen irgendwie auch nachvollziehbar).

Notfalls einfach in der krpano html Datei - html5:"auto" - setzen um Flash standardmäßig zu verwenden.

9

Wednesday, April 9th 2014, 4:27pm

js-anpassung

Klaus,

ich hatte es so in die lytebox.js eingetragen :


var oIframe = this.doc.createElement('iframe');
oIframe.allowfullscreen = true;
oIframe.mozallowfullscreen = true;
oIframe.webkitallowfullscreen = true;
oIframe.msallowfullscreen = true;

und einmal so mit doppelten hoch.kommas:

var oIframe = this.doc.createElement('iframe');
oIframe.allowfullscreen = 'true';
oIframe.mozallowfullscreen = 'true';
oIframe.webkitallowfullscreen = 'true';
oIframe.msallowfullscreen = 'true';


in beiden fällen führte es zu nichts ...

unsere seite ist hier :

http://immidea.com/reents/panorama.html

auf das grosse bild klicken


... nur flash möchte ich angesichts der verwendung von ipad etc natürlich nicht forcieren ...

beste grüsse
mthrills | Hans

10

Wednesday, April 9th 2014, 4:43pm

Ich habe noch einmal die 'allowFullscreen' Einstellung nachgeschlagen - direkt in Javascript haben diese eine andere Groß-/Kleinschreibung - so wäre es richtig:

Source code

1
2
3
4
oIframe.allowFullscreen = true;
oIframe.mozAllowFullscreen = true;
oIframe.webkitAllowFullscreen = true;
oIframe.msAllowFullscreen = true;

11

Wednesday, April 9th 2014, 4:49pm

... geändert nach Deinen Hinweisen ... hat aber keinen effekt auf den fs-btn ...

12

Wednesday, April 9th 2014, 4:59pm

Ich habe mir jetzt selbst ein Bespiel zum Testen erstellt - scheinbar kann in diesem Fall nur der Firefox das Attribut direkt richtig setzen, alle anderen Browser benötigen einen 'setAttribute' Aufruf (warum auch immer, normalerweise dürfte dies nicht notwendig sein).

Mit diesem Code funktioniert es jetzt (getestet mit Firefox, Chrome, Safari und IE11):

Source code

1
2
3
oIframe.setAttribute('allowfullscreen', true);
oIframe.setAttribute('webkitAllowFullscreen', true);
oIframe.setAttribute('mozAllowFullscreen', true);


Bzgl. 'nur flash möchte ich angesichts der verwendung von ipad etc natürlich nicht forcieren' - auf dem iPad gibt es weder Flash noch einen HTML5 Fullscreen Mode, d.h. dort würde die Verwendung von html5=auto nichts ändern.

13

Wednesday, April 9th 2014, 5:10pm

ungalublich ...

Klaus ...

... das ist mir ein bier wert ... oder auch 19 biere ... oder auch 2-3 leckere flaschen wein ...

... unfassbar ... das hätte ich NIE rausgefunden ...

DANKESCHÖN

mthrills | Hans