Skip to content

Instantly share code, notes, and snippets.

@thiagosouza

thiagosouza/collage.html

Last active May 27, 2020 21:11
Show Gist options
  • Save thiagosouza/8f5264cc24c1587a406575180393e194 to your computer and use it in GitHub Desktop.
Save thiagosouza/8f5264cc24c1587a406575180393e194 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
collage.html
<!-- Youtube Iframe API -->
<script src="//www.youtube.com/iframe_api"></script>
<!-- Twitter API -->
<script src="//platform.twitter.com/widgets.js"></script>
<script>
collage.load('popcorn', {
twitter: [
{ query: "popcorn"}
],
}).then(function(){
// Wait for the loading to be finished, then
// start the collage (filling the center) and set the active tags
collage.start('popcorn');
collage.speed(8);
});
collage.load('popcorn', {
youtube: [
{
query: "popcorn",
mute: true,
loop: true
},
{
videoId: 'abcdefgh',
mute: true,
autoplay: true,
loop: true,
startTime: 108
}
]
}).then(function(){
// Wait for the loading to be finished, then
// start the collage (filling the center) and set the active tags
collage.start('popcorn');
collage.speed(8);
});
</script>
Raw
collage.js
<!-- Youtube Iframe API -->
<script src="//www.youtube.com/iframe_api"></script>
<!-- Twitter API -->
<script src="//platform.twitter.com/widgets.js"></script>
<script>
collage.load('popcorn', {
twitter: [
{ query: "popcorn"}
],
}).then(function(){
// Wait for the loading to be finished, then
// start the collage (filling the center) and set the active tags
collage.start('popcorn');
collage.speed(8);
});
collage.load('popcorn', {
youtube: [
{
query: "popcorn",
mute: true,
loop: true
},
{
videoId: 'abcdefgh',
mute: true,
autoplay: true,
loop: true,
startTime: 108
}
]
}).then(function(){
// Wait for the loading to be finished, then
// start the collage (filling the center) and set the active tags
collage.start('popcorn');
collage.speed(8);
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment