Playground: Unterschied zwischen den Versionen

Aus FreifunkNordheide
Wechseln zu:Navigation, Suche
(Testing IFrame Layout:)
(Slideshare)
Zeile 2: Zeile 2:
  
 
=== Slideshare ===
 
=== Slideshare ===
Original Embedd code
+
==== Original Embedd 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>
  
WikiMedia Code
+
==== WikiMedia Code====
 
  <nowiki>{{Spezial:IframePage/Slideshare|path=slideshow/embed_code/key/9gLQXUsBYhvggA}}</nowiki>
 
  <nowiki>{{Spezial:IframePage/Slideshare|path=slideshow/embed_code/key/9gLQXUsBYhvggA}}</nowiki>
  
Result:
+
==== Result:====
 
{{Spezial:IframePage/Slideshare|path=slideshow/embed_code/key/9gLQXUsBYhvggA}}
 
{{Spezial:IframePage/Slideshare|path=slideshow/embed_code/key/9gLQXUsBYhvggA}}
  
Issues:
+
==== Issues:====
 
* in Firefox:
 
* in Firefox:
 
** Too wide (grey vertical banding)
 
** Too wide (grey vertical banding)

Version vom 20. September 2016, 08:49 Uhr

Testing IFrame Layout:

Slideshare

Original Embedd 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)
    • Not high enough (cut off)
    • Buttons not working
  • in Chrome:
    • Too wide

Vimeo

Original Embedd 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