Sie sind nicht angemeldet.

skin_control_bar ???

mthrills

Schüler

  • »mthrills« ist der Autor dieses Themas

Beiträge: 64

  • Nachricht senden

1

Dienstag, 8. April 2014, 10:52

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

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

2

Dienstag, 8. April 2014, 20:09

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

mthrills

Schüler

  • »mthrills« ist der Autor dieses Themas

Beiträge: 64

  • Nachricht senden

3

Dienstag, 8. April 2014, 20:14

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

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »mthrills« (8. April 2014, 21:32)

mthrills

Schüler

  • »mthrills« ist der Autor dieses Themas

Beiträge: 64

  • Nachricht senden

4

Mittwoch, 9. April 2014, 12:32

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

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

5

Mittwoch, 9. April 2014, 15:11

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

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

6

Mittwoch, 9. April 2014, 15:20

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:

Quellcode

 
1

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


und eine Zeile darunter diese Zeilen einfügen:

Quellcode

 
1
2
3
4

oIframe.allowfullscreen = true;
oIframe.mozallowfullscreen = true;
oIframe.webkitallowfullscreen = true;
oIframe.msallowfullscreen = true;


Schöne Grüße,
Klaus

mthrills

Schüler

  • »mthrills« ist der Autor dieses Themas

Beiträge: 64

  • Nachricht senden

7

Mittwoch, 9. April 2014, 15:51

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

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

8

Mittwoch, 9. April 2014, 16:13

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.

mthrills

Schüler

  • »mthrills« ist der Autor dieses Themas

Beiträge: 64

  • Nachricht senden

9

Mittwoch, 9. April 2014, 16:27

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

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

10

Mittwoch, 9. April 2014, 16:43

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

Quellcode

 
1
2
3
4

oIframe.allowFullscreen = true;
oIframe.mozAllowFullscreen = true;
oIframe.webkitAllowFullscreen = true;
oIframe.msAllowFullscreen = true;

mthrills

Schüler

  • »mthrills« ist der Autor dieses Themas

Beiträge: 64

  • Nachricht senden

11

Mittwoch, 9. April 2014, 16:49

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

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

12

Mittwoch, 9. April 2014, 16:59

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):

Quellcode

 
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.

mthrills

Schüler

  • »mthrills« ist der Autor dieses Themas

Beiträge: 64

  • Nachricht senden

13

Mittwoch, 9. April 2014, 17:10

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

Ähnliche Themen