Video

Type
Tue Jan
Type
Mon Apr

A Colorful Visit to the Vault Where the World’s Rarest Pigments Are Safely Stored

Great Big Story visited the Straus Center for Conservation and Technical Studies of the Harvard Art Museums in Cambridge, Massachusetts to speak with its director Narayan Khandekar about some of…

Great Big Story visited the Straus Center for Conservation and Technical Studies of the Harvard Art Museums in Cambridge, Massachusetts to speak with its director Narayan Khandekar about some of the rarest pigments in the world that the center houses in its renowned collection.

View
Type
Tue Dec

Enter the Bioluminescent Forest

Found this video on Laughing Squid and thought it was real at first. Turns out it’s not, and my dreams of walking around in a bioluminescent forest like the one…

Found this video on Laughing Squid and thought it was real at first. Turns out it’s not, and my dreams of walking around in a bioluminescent forest like the one in the movie avatar have been destroyed forever.

Instead of focusing on real problems I think that scientists really need to figure out how to make this happen.

Avatar Forest

View
Type
Sun Dec

America Is Not the Greatest Country In the World Anymore

Post by Aziz Elali. I have no idea what TV show this is right now, but I’m definitely going to look it up, and maybe watch a couple of episodes….

I have no idea what TV show this is right now, but I’m definitely going to look it up, and maybe watch a couple of episodes. The dialogue is a little dramatic, but the message is definitely there, and I thought it was a nice contentious “fuck you” to the people who still claim this is the greatest country in the world.

View
Type
Sun Dec

Nuggets – An Animated Short About Addiction

If you’ve ever been addicted to anything in your life you’ll probably resonate with this video. Whether you were addicted to drugs, to love, to your computer, to whatever… This…

If you’ve ever been addicted to anything in your life you’ll probably resonate with this video. Whether you were addicted to drugs, to love, to your computer, to whatever… This video perfectly demonstrates the self-destructive tendencies of someone with an addiction.

View
Type
Wed Dec

Aaron Draplin Shows How to Create a Professional Logo From Scratch in 15 Minutes

Aaron Draplin, an Oregon-based graphic designer and owner of Draplin Design Co. recently took part in a logo design challenge issued by lynda.com. He walks through what it might take…

Aaron Draplin, an Oregon-based graphic designer and owner of Draplin Design Co. recently took part in a logo design challenge issued by lynda.com. He walks through what it might take to design a professional logo from scratch in 15 minutes. While he makes it look easy, I’ve personally struggle with the same thing for hours, days, and weeks.

Drapling has clearly been doing this a while, and it shows in this video.

View
Type
Mon Dec

How to Make Spotify Responsive with Fitvid.js

After trying to make Slideshare presentations responsive with Fitvid.js I tried it with spotify. This is something that I had attempted months before, but to no avail. There are a…

After trying to make Slideshare presentations responsive with Fitvid.js I tried it with spotify. This is something that I had attempted months before, but to no avail. There are a couple of jQuery CSS solutions out there, but none of those really worked all that well either.

Alas, I attempted it again following the same method at Slideshare as seen in this post.

I will repeat the steps here while substituting the Slideshare code with Spotify’s…

Note: Leave in the sizing parameters. No idea why, but this makes the album art show in a more aesthetic way.

Make Spotify Responsive

To make Spotify posts responsive the first thing you need to do is obtain the Spotify embed code available when you right click on a song in the desktop app. Paste it where you would like to have your video, and proceed to open up your Fitvid.js file and locate the following code.

var selectors = [
        "iframe[src*='player.vimeo.com']",
        "iframe[src*='youtube.com']",
        "iframe[src*='youtube-nocookie.com']",
        "iframe[src*='kickstarter.com'][src*='video.html']",
        "object",
        "embed"
      ];

Now you will want to add the following snippet right under the Kickstarter selector (or the Slideshare one if you added that too!)


"iframe[src*='slideshare.net']",

Make sure you include “embed” before the url. After you have added that snippet you should have the following code.


return this.each(function(){
      var selectors = [
        "iframe[src*='player.vimeo.com']",
        "iframe[src*='youtube.com']",
        "iframe[src*='youtube-nocookie.com']",
        "iframe[src*='kickstarter.com'][src*='video.html']",
        "iframe[src*='slideshare.net']",
        "iframe[src*='embed.spotify.com']",
        "object",
        "embed"
      ];

Save the file, make sure you’ve correctly targeted the area you would like to resize the videos in, and you should be all set.

If you would like you can also specify a new selector right in your jQuery code without altering the fitvid file by inserting the following code!

$("#thing-with-videos").fitVids({ customSelector: "iframe[src^='embed.spotify.com']"}); 

Let me know if you’re having any trouble int he comment section to the right!

View
Type
Fri Aug

Subscribe for More!


I send out a monthly newsletter on various topics.

Take a moment to enter your details, and you can select the news you would like to have delivered to your inbox!