Skip to content

Instantly share code, notes, and snippets.

@staeff
Last active February 6, 2017 21:51
Show Gist options
  • Save staeff/6a6625d861a0a02bb10a to your computer and use it in GitHub Desktop.
Save staeff/6a6625d861a0a02bb10a to your computer and use it in GitHub Desktop.
Noembed data for youtube, vimeo, soundcloud, instagram, flickr, twitter
<div class="noembed-embed-inner noembed-flickr">
<a data-flickr-embed="true" href="https://www.flickr.com/photos/erlan/3255620919/" title="derFreitag by Erlan, on Flickr">
<img width="320" alt="derFreitag" src="https://noembed.com/i/https://farm4.staticflickr.com/3431/3255620919_a80244b88e_n.jpg" height="240">
</a>
<script async src="https://embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
</div>
<div class="noembed-embed ">
<div class="noembed-wrapper">
<div class="noembed-embed-inner noembed-instagram">
<a href="https://instagram.com/p/5JP--otgpC/" target="_blank">
<img width="445" height="445" src="https://noembed.com/i/445/0/https://scontent.cdninstagram.com/hphotos-xpa1/t51.2885-15/e35/11337150_1382622065378885_854606423_n.jpg">
</a>
</div>
<table class="noembed-meta-info">
<tr>
<td class="favicon">
<img src="https://noembed.com/favicon/Instagram.png">
</td>
<td>Instagram</td>
<td align="right"> <a title="https://instagram.com/p/5JP--otgpC/" href="https://instagram.com/p/5JP--otgpC/">https://instagram.com/p/5JP--otgpC/</a>
</td>
</tr>
</table>
</div>
</div>
<div class="noembed-embed-inner noembed-soundcloud">
<iframe width="445" height="400" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?visual=true&url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F179012086&show_artwork=true&maxwidth=445"></iframe>
</div>
<div class="noembed-embed-inner noembed-twitter">
<div class="tweet_main">
<div class="tweet_user">
<div class="tweet_image">
<a href="http://www.twitter.com/derfreitag" target="_blank">
<img width="36" src="https://noembed.com/i/http://pbs.twimg.com/profile_images/3510176985/8ff1d80e6b903b9c5ddf5e61de94359b_normal.jpeg" height="36">
</a>
</div>
<div class="tweet_name">
<a href="http://www.twitter.com/derfreitag" target="_blank"> <span class="tweet_screen_name">der Freitag</span>
<br> <span class="tweet_real_name">derfreitag</span>
</a>
</div>
</div>
<div class="tweet_text">
<div>Adblocker-Sperre: Bild droht allen Umgehungsversuchen mit Abmahnung <a href="http://buff.ly/1LKu0Zp" target="_blank">buff.ly/1LKu0Zp</a> via <a href="http://twitter.com/golem" target="_blank">@golem</a>
</div>
</div>
<div class="tweet_info">
<a target="_blank" href="http://www.twitter.com/derfreitag/status/656760613939597313"> <span class="tweet_created_at" id="noembed-timestamp-5d5a53b39d654e60073e73a3dc04735f9c6cf216">Wed Oct 21 09:15:07 +0000 2015</span>
</a>via <a href="http://bufferapp.com" rel="nofollow">Buffer</a>
</div>
</div>
<script type="text/javascript">
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July', 'Aug', 'Sept', 'Oct', 'Nov', 'Dec'];
var elem = document.getElementById("noembed-timestamp-5d5a53b39d654e60073e73a3dc04735f9c6cf216");
var date = new Date(elem.innerHTML);
if(date) {
var hours = date.getHours();
var minutes = date.getMinutes();
if(minutes < 10) minutes = "0" + minutes.toString();
elem.innerHTML = hours + ":" + minutes + " " + (months[date.getMonth()]) + " " + date.getDate() + ", " + date.getFullYear();
}
</script>
</div>
<div class="noembed-embed-inner noembed-vimeo">
<iframe src="https://player.vimeo.com/video/36897992" width="445" height="250" frameborder="0" title="derFreitag" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<div class="noembed-embed-inner noembed-youtube">
<iframe width=" 445" height="334" src="https://www.youtube.com/embed/uz6Wq6RIshU?feature=oembed" frameborder="0" allowfullscreen></iframe>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment