Playground: Unterschied zwischen den Versionen
Aus FreifunkNordheide
Aeroid (Diskussion | Beiträge) (→Slideshare) |
Aeroid (Diskussion | Beiträge) (→Original Embed code) |
||
(8 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 | + | ==== 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 14: | Zeile 25: | ||
* in Firefox: | * in Firefox: | ||
** Too wide (grey vertical banding) | ** Too wide (grey vertical banding) | ||
+ | ** Low res preview image | ||
** Not high enough (cut off) | ** Not high enough (cut off) | ||
** Buttons not working | ** Buttons not working | ||
Zeile 20: | Zeile 32: | ||
=== Vimeo === | === Vimeo === | ||
− | Original | + | ==== 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> | ||
− | WikiMedia Code | + | ==== WikiMedia Code==== |
<nowiki>{{Spezial:IframePage/Vimeo|path=64814620?title=0&byline=0&portrait=0}}</nowiki> | <nowiki>{{Spezial:IframePage/Vimeo|path=64814620?title=0&byline=0&portrait=0}}</nowiki> | ||
− | Result: | + | ==== Result:==== |
{{Spezial:IframePage/Vimeo|path=64814620?title=0&byline=0&portrait=0}} | {{Spezial:IframePage/Vimeo|path=64814620?title=0&byline=0&portrait=0}} | ||
− | Issues: | + | ==== Issues:==== |
* in Firefox: | * in Firefox: | ||
** Too wide | ** Too wide | ||
Zeile 35: | Zeile 47: | ||
* in Chrome: | * in Chrome: | ||
** Too wide | ** Too wide | ||
+ | |||
+ | === Youtube=== | ||
+ | ==== Original Embed code==== | ||
+ | <nowiki><iframe width="560" height="315" src="https://www.youtube.com/embed/_bASHP7kMCc" frameborder="0" allowfullscreen></iframe></nowiki> | ||
+ | |||
+ | ==== WikiMedia Code==== | ||
+ | <nowiki>{{Spezial:IframePage/YouTube|path=_bASHP7kMCc}}</nowiki> | ||
+ | |||
+ | ==== Result:==== | ||
+ | {{Spezial:IframePage/YouTube|path=_bASHP7kMCc}} | ||
+ | |||
+ | ==== Issues:==== | ||
+ | * in Firefox: | ||
+ | ** Too wide | ||
+ | ** preview image vertical cut off (?) | ||
+ | * in Chrome: | ||
+ | ** 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
Inhaltsverzeichnis
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/' );
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