[Resource] Forum utils

[Admin]

Colors

Images

Spoiler:

Attachments

admin.png Admin imageYou don't have permission to download attachments.(1 Kb) Downloaded 1 times

[User]

TEST

[Admin]

All the goals from our 4-0 friendly victory over Barcelona today #LFC #FCB  pic.twitter.com/CgpYuT6PXi

— Anfield Observer (@AnfieldObserver) August 6, 2016

[Admin]

Dailymotion

https://www.dailymotion.com/video/x5e9eog

Code:

<div data-s9e-mediaembed="dailymotion" style="display:inline-block;width:100%;max-width:640px"><div style="overflow:hidden;position:relative;padding-bottom:56.25%"><iframe allowfullscreen="" scrolling="no" src="//www.dailymotion.com/embed/video/x5e9eog" style="border:0;height:100%;left:0;position:absolute;width:100%"></iframe></div></div>

Facebook

https://www.facebook.com/FacebookDevelopers/posts/10151471074398553



Problem: Height

Code:

<iframe data-s9e-mediaembed="facebook" allowfullscreen="" onload="var a=Math.random();window.addEventListener('message',function(b){if(b.data.id==a)style.height=b.data.height+'px'});contentWindow.postMessage('s9e:'+a,'https://s9e.github.io')" scrolling="no" src="https://s9e.github.io/iframe/facebook.min.html#10151471074398553" style="border: 0px; height: 542px; max-width: 640px; width: 100%;"></iframe>

https://www.facebook.com/video/video.php?v=10150451523596807



Problem: Height

Code:

<iframe data-s9e-mediaembed="facebook" allowfullscreen="" onload="var a=Math.random();window.addEventListener('message',function(b){if(b.data.id==a)style.height=b.data.height+'px'});contentWindow.postMessage('s9e:'+a,'https://s9e.github.io')" scrolling="no" src="https://s9e.github.io/iframe/facebook.min.html#video10150451523596807" style="border: 0px; height: 358px; max-width: 640px; width: 100%;"></iframe>

https://www.facebook.com/photo.php?fbid=10152476416772631



Problem: Height

Code:

<iframe data-s9e-mediaembed="facebook" allowfullscreen="" onload="var a=Math.random();window.addEventListener('message',function(b){if(b.data.id==a)style.height=b.data.height+'px'});contentWindow.postMessage('s9e:'+a,'https://s9e.github.io')" scrolling="no" src="https://s9e.github.io/iframe/facebook.min.html#10152476416772631" style="border: 0px; height: 547px; max-width: 640px; width: 100%;"></iframe>

https://www.facebook.com/ign/videos/10153762113196633/



Problem: Height

Code:

<iframe data-s9e-mediaembed="facebook" allowfullscreen="" onload="var a=Math.random();window.addEventListener('message',function(b){if(b.data.id==a)style.height=b.data.height+'px'});contentWindow.postMessage('s9e:'+a,'https://s9e.github.io')" scrolling="no" src="https://s9e.github.io/iframe/facebook.min.html#video10153762113196633" style="border: 0px; height: 640px; max-width: 640px; width: 100%;"></iframe>

https://www.facebook.com/southamptonfc/videos/vb.220396037973624/1357764664236750/



Problem: Height

Code:

<iframe data-s9e-mediaembed="facebook" allowfullscreen="" onload="var a=Math.random();window.addEventListener('message',function(b){if(b.data.id==a)style.height=b.data.height+'px'});contentWindow.postMessage('s9e:'+a,'https://s9e.github.io')" scrolling="no" src="https://s9e.github.io/iframe/facebook.min.html#video1357764664236750" style="border: 0px; height: 358px; max-width: 640px; width: 100%;"></iframe>

[Admin]

Flickr

https://www.flickr.com/photos/8757881@N04/2971804544/lightbox/

Code:

<div data-s9e-mediaembed="flickr" style="display:inline-block;width:100%;max-width:500px"><div style="overflow:hidden;position:relative;padding-bottom:100%"><iframe allowfullscreen="" scrolling="no" src="https://www.flickr.com/photos/_/2971804544/player/" style="border:0;height:100%;left:0;position:absolute;width:100%"></iframe></div></div>

Gist

https://gist.github.com/6806305



Problem: Height

Code:

<iframe data-s9e-mediaembed="gist" allowfullscreen="" onload="var a=Math.random();window.addEventListener('message',function(b){if(b.data.id==a)style.height=b.data.height+'px'});contentWindow.postMessage('s9e:'+a,'https://s9e.github.io')" scrolling="" src="https://s9e.github.io/iframe/gist.min.html#6806305" style="border:0;height:180px;width:100%"></iframe>

Google Drive

https://drive.google.com/file/d/0B_4NRUjxLBejNjVmeG5MUzA3Q3M/view?usp=sharing

Code:

<div data-s9e-mediaembed="googledrive" style="display:inline-block;width:100%;max-width:640px"><div style="overflow:hidden;position:relative;padding-bottom:75%"><iframe allowfullscreen="" scrolling="no" src="//drive.google.com/file/d/0B_4NRUjxLBejNjVmeG5MUzA3Q3M/preview" style="border:0;height:100%;left:0;position:absolute;width:100%"></iframe></div></div>

Google +

https://plus.google.com/+TonyHawk/posts/C5TMsDZJWBd



Problem: Height

Code:

<iframe data-s9e-mediaembed="googleplus" allowfullscreen="" onload="var a=Math.random();window.addEventListener('message',function(b){if(b.data.id==a)style.height=b.data.height+'px'});contentWindow.postMessage('s9e:'+a,'https://s9e.github.io')" scrolling="no" style="border: 0px; height: 305px; max-width: 450px; width: 100%;" src="https://s9e.github.io/iframe/googleplus.min.html#+TonyHawk/posts/C5TMsDZJWBd"></iframe>

https://plus.google.com/106189723444098348646/posts/V8AojCoTzxV



Problem: Height

Code:

<iframe data-s9e-mediaembed="googleplus" allowfullscreen="" onload="var a=Math.random();window.addEventListener('message',function(b){if(b.data.id==a)style.height=b.data.height+'px'});contentWindow.postMessage('s9e:'+a,'https://s9e.github.io')" scrolling="no" style="border: 0px; height: 322px; max-width: 450px; width: 100%;" src="https://s9e.github.io/iframe/googleplus.min.html#106189723444098348646/posts/V8AojCoTzxV"></iframe>

Google Sheets

https://docs.google.com/spreadsheets/d/1f988o68HDvk335xXllJD16vxLBuRcmm3vg6U9lVaYpA

Code:

<iframe data-s9e-mediaembed="googlesheets" allowfullscreen="" scrolling="no" src="https://docs.google.com/spreadsheet/ccc?key=1f988o68HDvk335xXllJD16vxLBuRcmm3vg6U9lVaYpA&widget=true&headers=false&rm=minimal#gid=" style="border:0;height:500px;resize:vertical;width:100%"></iframe>

[Admin]

Imgur

https://imgur.com/AsQ0K3P



Problem: Height

Code:

<iframe data-s9e-mediaembed="imgur" allowfullscreen="" onload="var b=Math.random();window.addEventListener('message',function(a){a.data.id==b&&(style.height=a.data.height+'px',style.width=a.data.width+'px')});contentWindow.postMessage('s9e:'+b,'https://s9e.github.io')" scrolling="no" style="border: 0px; height: 644px; width: 542px;" src="https://s9e.github.io/iframe/imgur.min.html#AsQ0K3P"></iframe>

https://imgur.com/a/9UGCL



Problem: Height

Code:

<iframe data-s9e-mediaembed="imgur" allowfullscreen="" onload="var b=Math.random();window.addEventListener('message',function(a){a.data.id==b&&(style.height=a.data.height+'px',style.width=a.data.width+'px')});contentWindow.postMessage('s9e:'+b,'https://s9e.github.io')" scrolling="no" style="border: 0px; height: 404px; width: 542px;" src="https://s9e.github.io/iframe/imgur.min.html#a/9UGCL"></iframe>

https://i.imgur.com/u7Yo0Vy.gifv



Problem: Height

Code:

<iframe data-s9e-mediaembed="imgur" allowfullscreen="" onload="var b=Math.random();window.addEventListener('message',function(a){a.data.id==b&&(style.height=a.data.height+'px',style.width=a.data.width+'px')});contentWindow.postMessage('s9e:'+b,'https://s9e.github.io')" scrolling="no" style="border: 0px; height: 343px; width: 542px;" src="https://s9e.github.io/iframe/imgur.min.html#u7Yo0Vy"></iframe>

https://i.imgur.com/UO1UrIx.mp4

Code:

<video controls="" src="http://i.imgur.com/UO1UrIx.mp4"></video>

Instagram

Problem: Height

Code:

<iframe data-s9e-mediaembed="instagram" allowfullscreen="" onload="var a=Math.random();window.addEventListener('message',function(b){if(b.data.id==a)style.height=b.data.height+'px'});contentWindow.postMessage('s9e:'+a,'https://s9e.github.io')" scrolling="no" src="https://s9e.github.io/iframe/instagram.min.html#gbGaIXBQbn" style="border:0;height:640px;max-width:640px;width:100%"></iframe>

Kickstarter

http://www.kickstarter.com/projects/1869987317/wish-i-was-here-1
http://www.kickstarter.com/projects/1869987317/wish-i-was-here-1/widget/card.html

Code:

<div data-s9e-mediaembed="kickstarter" style="display:inline-block;width:100%;max-width:220px"><div style="overflow:hidden;position:relative;padding-bottom:190.90909090909%"><iframe allowfullscreen="" scrolling="no" src="//www.kickstarter.com/projects/1869987317/wish-i-was-here-1/widget/card.html" style="border:0;height:100%;left:0;position:absolute;width:100%"></iframe></div></div>

http://www.kickstarter.com/projects/1869987317/wish-i-was-here-1/widget/video.html

Code:

<div data-s9e-mediaembed="kickstarter" style="display:inline-block;width:100%;max-width:480px"><div style="overflow:hidden;position:relative;padding-bottom:75%"><iframe allowfullscreen="" scrolling="no" src="//www.kickstarter.com/projects/1869987317/wish-i-was-here-1/widget/video.html" style="border:0;height:100%;left:0;position:absolute;width:100%"></iframe></div></div>

Pastebin

http://pastebin.com/9jEf44nc

Code:

<iframe data-s9e-mediaembed="pastebin" allowfullscreen="" scrolling="" src="//pastebin.com/embed_iframe.php?i=9jEf44nc" style="border:0;height:300px;resize:vertical;width:100%"></iframe>

Soundcloud

http://api.soundcloud.com/tracks/98282116

Code:

<iframe data-s9e-mediaembed="soundcloud" allowfullscreen="" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/98282116&secret_token=" style="border:0;height:166px;max-width:900px;width:100%"></iframe>

https://soundcloud.com/andrewbird/three-white-horses

Code:

<iframe data-s9e-mediaembed="soundcloud" allowfullscreen="" scrolling="no" src="https://w.soundcloud.com/player/?url=https://soundcloud.com/andrewbird/three-white-horses" style="border:0;height:166px;max-width:900px;width:100%"></iframe>

https://soundcloud.com/tenaciousd/sets/rize-of-the-fenix/

Code:

<iframe data-s9e-mediaembed="soundcloud" allowfullscreen="" scrolling="no" src="https://w.soundcloud.com/player/?url=https://soundcloud.com/tenaciousd/sets/rize-of-the-fenix/" style="border:0;height:450px;max-width:900px;width:100%"></iframe>

Spotify

https://open.spotify.com/track/3CPjqkaMwrbht1lJpELoY0?si=K7cm7-dWTR6U7BjDn1oP7g

Code:

<div data-s9e-mediaembed="spotify" style="display:inline-block;width:100%;max-width:400px"><div style="overflow:hidden;position:relative;padding-bottom:120%"><iframe allowfullscreen="" scrolling="no" style="border:0;height:100%;left:0;position:absolute;width:100%" src="https://embed.spotify.com/?view=coverart&uri=spotify:track:3CPjqkaMwrbht1lJpELoY0"></iframe></div></div>

https://play.spotify.com/album/5OSzFvFAYuRh93WDNCTLEz

Code:

<div data-s9e-mediaembed="spotify" style="display:inline-block;width:100%;max-width:400px"><div style="overflow:hidden;position:relative;padding-bottom:120%"><iframe allowfullscreen="" scrolling="no" style="border:0;height:100%;left:0;position:absolute;width:100%" src="https://embed.spotify.com/?view=coverart&uri=spotify:album:5OSzFvFAYuRh93WDNCTLEz"></iframe></div></div>

TED Talks

http://www.ted.com/talks/eli_pariser_beware_online_filter_bubbles.html

Code:

<div data-s9e-mediaembed="ted" style="display:inline-block;width:100%;max-width:640px"><div style="overflow:hidden;position:relative;padding-bottom:56.25%"><iframe allowfullscreen="" scrolling="no" style="border:0;height:100%;left:0;position:absolute;width:100%" src="//embed.ted.com/talks/eli_pariser_beware_online_filter_bubbles.html"></iframe></div></div>

http://embed.ted.com/playlists/26/our_digital_lives.html

Code:

<div data-s9e-mediaembed="ted" style="display:inline-block;width:100%;max-width:640px"><div style="overflow:hidden;position:relative;padding-bottom:56.25%"><iframe allowfullscreen="" scrolling="no" style="border:0;height:100%;left:0;position:absolute;width:100%" src="//embed.ted.com/playlists/26.html"></iframe></div></div>

Tinypic

http://tinypic.com/player.php?v=29x86j9&s=8
http://tinypic.com/r/29x86j9/8

Code:

<div data-s9e-mediaembed="tinypic" style="display:inline-block;width:100%;max-width:640px"><div style="overflow:hidden;position:relative;padding-bottom:60.9375%;padding-bottom:calc(56.25% + 30px)"><object data="//tinypic.com/player.swf?file=29x86j9&s=8" style="height:100%;left:0;position:absolute;width:100%" type="application/x-shockwave-flash" typemustmatch=""><param name="allowfullscreen" value="true"></object></div></div>

Tumblr

http://mrbenvey.tumblr.com/post/104191225637



Problem: Height

Code:

<iframe data-s9e-mediaembed="tumblr" allowfullscreen="" onload="var a=Math.random();window.addEventListener('message',function(b){if(b.data.id==a)style.height=b.data.height+'px'});contentWindow.postMessage('s9e:'+a,'https://s9e.github.io')" scrolling="no" src="https://s9e.github.io/iframe/tumblr.min.html#/104191225637" style="border: 0px; height: 240px; max-width: 520px; width: 100%;"></iframe>

[Admin]

Twitch

http://www.twitch.tv/twitch
http://www.twitch.tv/twitch/v/29415830?t=17m17s
https://www.twitch.tv/videos/29415830?t=17m17s
https://clips.twitch.tv/twitch/HorribleWoodpeckerHassanChop
https://clips.twitch.tv/NeighborlyBetterJellyfishWTRuck

Twitter

https://twitter.com/IJasonAlexander/statuses/526635414338023424
https://mobile.twitter.com/DerekTVShow/status/463372588690202624
https://twitter.com/#!/IJasonAlexander/status/526635414338023424

Vimeo

http://vimeo.com/67207222
http://vimeo.com/channels/staffpicks/67207222

Youtube

https://www.youtube.com/watch?v=-cEzsCAzTak
https://youtu.be/-cEzsCAzTak
https://www.youtube.com/watch?feature=player_detailpage&v=jofNR_WkoCE#t=40
https://www.youtube.com/watch?v=pC35x6iIPmo&list=PLOU2XLYxmsIIxJrlMIY5vYXAFcO5g83gA

[Sponsored content]