Playground: Unterschied zwischen den Versionen

Aus FreifunkNordheide
Wechseln zu:Navigation, Suche
(Original Embed code)
 
(5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
 
== Testing IFrame Layout: ==
 
== Testing IFrame Layout: ==
 +
=== LocalSettings.php ===
 +
<nowiki>
 +
require_once "$IP/extensions/IframePage/IframePage.php";
 +
$wgIframePageAllowPath = true;
 +
$wgIframePageSrc= array(
 +
        'Meshs' => 'https://mesh.nord.freifunk.net/',
 +
        'YouTube' => 'https://www.youtube.com/embed/',
 +
        'Vimeo' => 'https://player.vimeo.com/video/',
 +
        'Slideshare' => 'https://slideshare.net/'
 +
);</nowiki>
 +
  
 
=== Slideshare ===
 
=== Slideshare ===
==== Original Embedd code ====
+
==== Original Embed code ====
 
  <nowiki><iframe src="//www.slideshare.net/slideshow/embed_code/key/9gLQXUsBYhvggA" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/aeriod/20160917-freifunk-neu-wulmstorf" title="2016.09.17 freifunk neu wulmstorf" target="_blank">2016.09.17 freifunk neu wulmstorf</a> </strong> from <strong><a href="//www.slideshare.net/aeriod" target="_blank">Gunnar Klauberg</a></strong> </div></nowiki>
 
  <nowiki><iframe src="//www.slideshare.net/slideshow/embed_code/key/9gLQXUsBYhvggA" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/aeriod/20160917-freifunk-neu-wulmstorf" title="2016.09.17 freifunk neu wulmstorf" target="_blank">2016.09.17 freifunk neu wulmstorf</a> </strong> from <strong><a href="//www.slideshare.net/aeriod" target="_blank">Gunnar Klauberg</a></strong> </div></nowiki>
  
Zeile 21: Zeile 32:
  
 
=== Vimeo ===
 
=== Vimeo ===
==== Original Embedd code====  
+
==== Original Embed code====  
 
  <nowiki><iframe src="https://player.vimeo.com/video/64814620" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></nowiki>
 
  <nowiki><iframe src="https://player.vimeo.com/video/64814620" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></nowiki>
  
Zeile 38: Zeile 49:
  
 
=== Youtube===
 
=== Youtube===
==== Original Embedd code====  
+
==== Original Embed code====  
  <nowiki><iframe width="560" height="315" src="https://www.youtube.com/embed/_bASHP7kMCc" frameborder="0" allowfullscreen></iframe>
+
  <nowiki><iframe width="560" height="315" src="https://www.youtube.com/embed/_bASHP7kMCc" frameborder="0" allowfullscreen></iframe></nowiki>
</nowiki>
+
  
 
==== WikiMedia Code====  
 
==== WikiMedia Code====  
Zeile 51: Zeile 61:
 
* in Firefox:
 
* in Firefox:
 
** Too wide
 
** Too wide
** Low res preview image
+
** preview image vertical cut off (?)
 
* in Chrome:
 
* in Chrome:
 
** Too wide
 
** Too wide
 +
** preview image vertical cut off (?)
 +
 +
=== Meshviewer FFNord ===
 +
==== WikiMedia Code====
 +
<nowiki>{{Spezial:IframePage/Meshs|path=}} </nowiki>
 +
 +
==== Result:====
 +
{{Spezial:IframePage/Meshs|path=}}
 +
 +
==== Issues:====
 +
* Not working at all

Aktuelle Version vom 20. September 2016, 16:44 Uhr

Testing IFrame Layout:

LocalSettings.php

require_once "$IP/extensions/IframePage/IframePage.php";
$wgIframePageAllowPath = true;
$wgIframePageSrc= array(
        'Meshs' => 'https://mesh.nord.freifunk.net/',
        'YouTube' => 'https://www.youtube.com/embed/',
        'Vimeo' => 'https://player.vimeo.com/video/',
        'Slideshare' => 'https://slideshare.net/'
);


Slideshare

Original Embed code

<iframe src="//www.slideshare.net/slideshow/embed_code/key/9gLQXUsBYhvggA" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/aeriod/20160917-freifunk-neu-wulmstorf" title="2016.09.17 freifunk neu wulmstorf" target="_blank">2016.09.17 freifunk neu wulmstorf</a> </strong> from <strong><a href="//www.slideshare.net/aeriod" target="_blank">Gunnar Klauberg</a></strong> </div>

WikiMedia Code

{{Spezial:IframePage/Slideshare|path=slideshow/embed_code/key/9gLQXUsBYhvggA}}

Result:

Issues:

  • in Firefox:
    • Too wide (grey vertical banding)
    • Low res preview image
    • Not high enough (cut off)
    • Buttons not working
  • in Chrome:
    • Too wide

Vimeo

Original Embed code

<iframe src="https://player.vimeo.com/video/64814620" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

WikiMedia Code

{{Spezial:IframePage/Vimeo|path=64814620?title=0&byline=0&portrait=0}}

Result:

Issues:

  • in Firefox:
    • Too wide
    • Low res preview image
  • in Chrome:
    • Too wide

Youtube

Original Embed code

<iframe width="560" height="315" src="https://www.youtube.com/embed/_bASHP7kMCc" frameborder="0" allowfullscreen></iframe>

WikiMedia Code

{{Spezial:IframePage/YouTube|path=_bASHP7kMCc}}

Result:

Issues:

  • in Firefox:
    • Too wide
    • preview image vertical cut off (?)
  • in Chrome:
    • Too wide
    • preview image vertical cut off (?)

Meshviewer FFNord

WikiMedia Code

{{Spezial:IframePage/Meshs|path=}} 

Result:

Issues:

  • Not working at all