<!DOCTYPE html>
<html  ng-app="vpModule" ng-controller="VPController">
<head>
   <meta charset="utf-8"/>
   <meta name="viewport" content="width=1200">
   <meta name="msvalidate.01" content="AF86D6C94D0294C6DCFF4C02777B9787" />
   
   <link rel="stylesheet" href="/st/css/main.css">
   <link rel="stylesheet" href="/st/css/common.css">
   
   <link rel="stylesheet" href="https://vjs.zencdn.net/4.5/video-js.css">
   
   <script  src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   <script  src="/st/js/o/easing.js"></script>
   
   <link rel="apple-touch-icon" sizes="57x57" href="/st/fav/apple-touch-icon-57x57.png">
   <link rel="apple-touch-icon" sizes="114x114" href="/st/fav/apple-touch-icon-114x114.png">
   <link rel="apple-touch-icon" sizes="72x72" href="/st/fav/apple-touch-icon-72x72.png">
   <link rel="apple-touch-icon" sizes="144x144" href="/st/fav/apple-touch-icon-144x144.png">
   <link rel="apple-touch-icon" sizes="60x60" href="/st/fav/apple-touch-icon-60x60.png">
   <link rel="apple-touch-icon" sizes="120x120" href="/st/fav/apple-touch-icon-120x120.png">
   <link rel="apple-touch-icon" sizes="76x76" href="/st/fav/apple-touch-icon-76x76.png">
   <link rel="apple-touch-icon" sizes="152x152" href="/st/fav/apple-touch-icon-152x152.png">
   <meta name="apple-mobile-web-app-title" content="Videopixie">
   <link rel="icon" type="image/png" href="/st/fav/favicon-196x196.png" sizes="196x196">
   <link rel="icon" type="image/png" href="/st/fav/favicon-160x160.png" sizes="160x160">
   <link rel="icon" type="image/png" href="/st/fav/favicon-96x96.png" sizes="96x96">
   <link rel="icon" type="image/png" href="/st/fav/favicon-16x16.png" sizes="16x16">
   <link rel="icon" type="image/png" href="/st/fav/favicon-32x32.png" sizes="32x32">
   <meta name="msapplication-TileColor" content="#ffffff">
   <meta name="msapplication-TileImage" content="/st/fav/mstile-144x144.png">
   <meta name="application-name" content="Videopixie">
   
   
   
   <title>Videos That Inspire Us</title>
   <meta name="description" content="A selection of our favorite videos.  Stunning, funny, or emotional...  they truly inspired us and we hope they inspire you too.  We also talk about what makes them interesting so you can derive insights for your own video.">
   <link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
   <link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
   <link rel="stylesheet" type="text/css" href="/st/css/content.css">
   <meta property="fb:app_id" content="257876044244230" /> 
   <style>
      li {font-size:15px;list-style:initial;line-height:150%;margin-bottom:10px;}
   </style>
   
   <!-- Twitter Card data -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:site" content="@videopixie">
   <meta name="twitter:title" content="Videos That Inspire Us">
   <meta name="twitter:description" content="A selection of our favorite videos.  Stunning, funny, or emotional...  they truly inspired us and we hope they inspire you too.  We also talk about what makes them interesting so you can derive insights for your own video.">
   <meta name="twitter:creator" content="@videopixie">
   <meta name="twitter:image:src" content="https://s3.amazonaws.com/our.s3.videopixie.com/landing/inspiring_videos.jpg">

   <!-- Open Graph data -->
   <meta property="og:title" content="Videos That Inspire Us" />
   <meta property="og:type" content="article" />
   <meta property="og:url" content="https://www.videopixie.com/videos-that-inspire-us" />
   <meta property="og:image" content="https://s3.amazonaws.com/our.s3.videopixie.com/landing/inspiring_videos.jpg" />
   <meta property="og:description" content="A selection of our favorite videos.  Stunning, funny, or emotional...  they truly inspired us and we hope they inspire you too.  We also talk about what makes them interesting so you can derive insights for your own video." /> 
   <meta property="og:site_name" content="Videopixie" />
   <meta property="fb:admins" content="594398981" />   


      
   <link href='//fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
   <link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
   
   <script  src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular.min.js"></script>
   <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.5/angular-animate.min.js"></script>
   
   <script>
      window.SES={};
      SES.is_dev_enviro = false;
      SES.coupon_unavailable = false;

      var vpModule = angular.module('vpModule', ['ngAnimate',]);
       
   </script>
   
  
   
   <script src="/st/build/vjs.4.5.min.js"></script>
   
   <!--
      <script type="text/javascript" src="/st/build/vjs-extra.concat.js"></script>
   -->
   <script  src="/st/build/vjs-extra.min.js"></script>
   
   <script  src="/st/js/o/common.js"></script>
   <script  src="/st/js/c/VPController.js"></script>
   <script  src="/st/js/c/DirectivesCommon.js"></script>
   <script  src="/st/js/c/MediaModalController.js"></script>
   <script  src="/st/js/c/EditorProfileController.js"></script>
   <script>
      
   var log = VPL('HomePageController');
      
   
   vpModule.controller('HomePageController', ['$scope', 'comm', '$http', 
      function($scope, comm, $http){
      
         $scope.mediaClick = function(id, evt, _options, size){
         
            log.d('mediaClick', _options);

            var content = $(evt.currentTarget).children('.about').eq(0).html()
            var options = _options || {}
            
            comm.broadcast(VP.SHOW_MEDIA,{
               mode: (content ? VP.SIDEBAR_MODES.HTML_MODE : VP.SIDEBAR_MODES.ASSET_MODE),
               htmlSidebarContent: content,
               mediaData: {
                  bucket: options.bucket || "our.s3.videopixie.com/examples/",
                  provider: options.provider || "",
                  provider_id: id,
                  file_extension: 'mp4', 
                  hasWebm: true,
                  overlays: options.overlays || null,
                  format: options.format || null
               },
               size: size
            });
         };
         
         $scope.homepageVideo = function(id,evt){
         
            $scope.mediaClick(id, evt, {
               bucket: 'our.s3.videopixie.com/video/',
               format: '704p'
            },
            {
               width: 1024,
               height: 576,
               media_width: 1024,
               media_height: 576
            });
         }
         
         
         $scope.$watch('MediaModal',function(isPlaying){
         
            window.isPlayingVideo = !!isPlaying;
         });
         
         
         $scope.registerNew = function(){
         
            var path = '/register/new';
            
            if (!$scope.registerNewEmailAddress || $scope.registerNewEmailAddress.length < 3){
               return;
            }
            
            var data = {
               email_address: $scope.registerNewEmailAddress,
               type_context: SES.type_context || ''
            };
            
            $scope.registerNewPending = true;
            $scope.registerNewErrorMsg = null;
           
            $http.post(path, data).then(
               function registerNewSuccess(response){
                  log.d('SUCCESS', path);
                  $scope.registerNewComplete = true;
                  $scope.registerNewPending = false;
               },
               function registerNewError(response){
                  log.d('ERROR', path, response);
                  $scope.registerNewErrorMsg = response.data.error.human;
                  $scope.registerNewPending = false;
               }
            );
            
         
         }

         
         
      }]);
      
      
      
      $(document).ready(function(){
         $('.click-proxy').click(function(evt){
         
            var id = $(evt.currentTarget).attr('click-proxy');
            //console.log('click-proxy', id);
            $('#'+id).triggerHandler('click');
            
         });
         
         (function(d, s, id) {
           var js, fjs = d.getElementsByTagName(s)[0];
           if (d.getElementById(id)) return;
           js = d.createElement(s); js.id = id;
           js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=257876044244230";
           fjs.parentNode.insertBefore(js, fjs);
         }(document, 'script', 'facebook-jssdk'));
      
      });

   </script>

   
   <!-- start Mixpanel -->
   <script type="text/javascript">
    (function(c,a){window.mixpanel=a;var b,d,h,e;b=c.createElement("script");
    b.type="text/javascript";b.async=!0;b.src=("https:"===c.location.protocol?"https:":"http:")+
    '//cdn.mxpnl.com/libs/mixpanel-2.2.min.js';d=c.getElementsByTagName("script")[0];
    d.parentNode.insertBefore(b,d);a._i=[];a.init=function(b,c,f){function d(a,b){
    var c=b.split(".");2==c.length&&(a=a[c[0]],b=c[1]);a[b]=function(){a.push([b].concat(
    Array.prototype.slice.call(arguments,0)))}}var g=a;"undefined"!==typeof f?g=a[f]=[]:
    f="mixpanel";g.people=g.people||[];h=['disable','track','track_pageview','track_links',
    'track_forms','register','register_once','unregister','identify','alias','name_tag',
    'set_config','people.set','people.increment','people.track_charge','people.append'];
    for(e=0;e<h.length;e++)d(g,h[e]);a._i.push([b,c,f])};a.__SV=1.2;})(document,window.mixpanel||[]);
    mixpanel.init("5f3d14b1f63c57b8546c6c7f095ae4b2");
   </script>
   <!-- end Mixpanel -->
   
   
   <script type="text/javascript" src="/st/js/v/ses_mixpanel.js"></script>
   
   <!--[if lt IE 7.]>
      <script defer type="text/javascript" src="st/pngfix.js"></script>
   <![endif]-->
   
   <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-42918769-1', 'videopixie.com');
      ga('require', 'displayfeatures');
      ga('send', 'pageview');
      
      var referrerCookieName = 'vpFirstReferrer';
      if (!readCookie(referrerCookieName)){
         var ref = document.referrer || 'empty';
         createCookie(referrerCookieName , ref ,365*2);
      }
   </script>
  
   
    
   
  
</head>
<body class="VP"  ng-controller="HomePageController">
   
   <div id="header">
      <a href="/"><img id="logo" src="/st/images/logo_text_and_pixie.png" alt="Videopixie"></a>
      <a id="phone" href="tel:1 800 510 6570">1 (800) 510-6570</a>
      
      
      
         
         <a href="/sign-in"><div class="button blue">Sign in</div></a>
         
         
      
      
      
      <a class="right-link" href="/pricing">Pricing</a>
      <a class="right-link" href="/video-school">Video School</a>
      <a class="right-link browse-link browse-link-first" href="/videographers">Videographers</a>
      <span class="link-spacer">|</span>
      <a class="right-link browse-link" href="/video-animators">Animators</a>
      <span class="link-spacer">|</span>
      <a class="right-link browse-link" href="/video-editors">Browse:&nbsp; Video editors</a>
      
   </div>
   
   
   

<div id="fb-root"></div>

<div class="hero" style="background-image: url('https://s3.amazonaws.com/our.s3.videopixie.com/landing/school-tables.jpg')">
   
   <div class="header_top_bar">
      <div class="blog_title">
         <a href="/video-school">Video School</a>
      </div>
   </div>

</div>
   
<div class="content_container">
  
   <div class="fixed_width">
      <div class="left_column">
         
         <div id="main_content_column">
            
            <h1>Videos That Inspire Us</h1>
            <div class="author_container">
               By Videopixie staff
            </div>
            <div class="date_container">
               June 12, 2015
            </div>
           
            
            
            <div class="content">
               <p>Here at Videopixie we spend a lot of time watching videos, and every now and again something special catches our attention. Videos that are <i>so</i> engaging, and <i>so</i> absorbing, that we watch them end-to-end, never thinking to pause, or skip a single single second.</p>

<p>We want to share with you some of those 'un-skippable' videos, in the hope they might inspire you too.</p>

<h2>The Funny</h2>
<p>Why are comedians like Louis CK or Dave Chappelle so fun to watch?  It's because they jump headfirst into taboo subjects, saying out loud what the rest of us barely dare to think.  You can use a similar approach in your own videos.  Check out for example the “Hello Flo” video series, by <a href="https://www.videopixie.com/creator/hayden5" target="_vp_h5">Hayden 5</a>.  The directors invented original characters who talk confidently and humorously about topics rarely discussed in public.  It’s funny, different, captivating.</p>

<div class="thumbnail-wrapper" ng-click="mediaClick('0XnzfRqkRxU',
                        $event,{
                           provider:'youtube',
                           bucket: '' 
                        },{
                           media_width:1024,
                           media_height:576,
                           width:1024,
                           height:576
                        })">
           <div class="thumbnail"
                     style="background-image:url('https://s3.amazonaws.com/our.s3.videopixie.com/landing/hello_flo.jpg'); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;width:614px;height:345px">
           </div>
           <img style="left:300px;top:145px" class="arrow" src="/st/images/white-arrow.png">
</div>

<ul>
<li>Inspiring because it addresses a taboo head-on with confidence and humor</li>
<li>Demonstrates what a team with great comedic sensibility can achieve</li>
<li>Shows the upside of letting the director run with a bold idea</li>
</ul>

<h2>The Tear-Jerker</h2>
<p>Let’s be honest, we love sentimentality. A good tear-jerker has mass appeal. Previously used in movies and on TV, heartbreaking narratives now pack a punch in online advertising. These gut wrenching ads, when done right, really pull in views from all over the world. The virality of sadness comes from a deep understanding of love and loss and the human need to share emotion with each other. An emotional moment or a good cry can be really cathartic and it leads the viewer to want to share it with friends and family. 
In this video, we see pre-production at its finest. The narrative pulls at the audience’s heart string. The production itself is not technically complicated &ndash; apart from hiring a well trained dog that is!</p> 

<div class="thumbnail-wrapper" ng-click="mediaClick('nySUhtaf2QQ',
                        $event,{
                           provider:'youtube',
                           bucket: '' 
                        },{
                           media_width:1024,
                           media_height:576,
                           width:1024,
                           height:576
                        })">
           <div class="thumbnail"
                     style="background-image:url('https://s3.amazonaws.com/our.s3.videopixie.com/landing/fundacion_argentina_de_trasplante_hepatico.jpg'); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;width:614px;height:345px">
           </div>
           <img style="left:300px;top:145px" class="arrow" src="/st/images/white-arrow.png">
</div>

<ul>
<li>Inspiring because of its powerful storyline and its ability to impact without words</li>
<li>Particularly adapted for any charity, organization, or human centric product video</li>
<li>Demonstrates the importance of pre-production (screenwriting, storyboarding, location scouting, casting,...)</li>
</ul>


<h2>The Heavy Hitter</h2>
<p>Regret haunts you after an accident: if-only-i-had-seen…, i-could-have-done…, maybe-if-i-had ….  This public-safety video from New Zealand takes that regret reaction, and twists it to reveal the hidden truth: that the truly bad decision is choosing to drive at speed - every decision after that is irrelevant. The video reveals that inner truth by cleverly manipulating time to hit us with a triple whammy:  First the slow-mo gives us time to empathize with the characters’ situations - to feel their fear. Second, the occasional leap-forward of time (and cars) build suspense, which keeps us engaged. Third, the dialog reveals the futility of their situation - even with all the extra time, there’s still no escape - their fate is sealed by the immutable speed of the car. And then it hits us with the knock-out blow, “Other people make mistakes. Slow Down” - with our empathy for both drivers now developed, we see that it doesn't matter who is right or wrong - both will suffer, both will regret, and if we slow down we can avoid it.</p>

<p>By getting us emotionally invested in the characters, the ad is able to take an otherwise dry subject, and make it so engrossing that we’re wide open to receive its message at the end.</p>

<div class="thumbnail-wrapper" ng-click="mediaClick('bvLaTupw-hk',
                        $event,{
                           provider:'youtube',
                           bucket: '' 
                        },{
                           media_width:1024,
                           media_height:576,
                           width:1024,
                           height:576
                        })">
           <div class="thumbnail"
                     style="background-image:url('https://s3.amazonaws.com/our.s3.videopixie.com/landing/road_safety.jpg'); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;width:614px;height:345px">
           </div>
           <img style="left:300px;top:145px" class="arrow" src="/st/images/white-arrow.png">
</div>
<ul>
<li>Inspiring because it takes a dull subject and makes it riveting</li>
<li>Demonstrates the power of emotional connections with characters</li>
<li>Demonstrates the creativity of manipulating the timeline</li>
</ul>

<h2>The Different</h2>
<p>Visuals matter.  The human brain is wired to process images quickly, to identify the new, to ignore repetition.   This fact is particularly important when making an animation.   We’ve all seen those cookie-cutter animated explainers made from stock designs.  They can be underwhelming even if the script and the animation itself are solid.</p>

<p>Take any frame and ask yourself:  is this interesting to look at?   If the answer is no, then there’s a problem.  In this animation, <a href="creator/gonzointhewildproductions" target="_vp_gw">Gonzo in the Wild</a> chose a graphic style that you don’t see very often. It reminds me of a Fernand Leger painting (except happier).  And it works beautifully.  Not something we see everyday, and naturally we’ll watch.</p>

<div class="thumbnail-wrapper" ng-click="mediaClick('124435600',
                        $event,{
                           provider:'vimeo',
                           bucket: '' 
                        },{
                           media_width:1024,
                           media_height:576,
                           width:1024,
                           height:576
                        })">
           <div class="thumbnail"
                     style="background-image:url('https://i.vimeocdn.com/video/514156621.webp?mw=960&mh=540'); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;width:614px;height:345px">
           </div>
           <img style="left:300px;top:145px" class="arrow" src="/st/images/white-arrow.png">
</div>
<ul>
<li>Inspiring because it looks different from any other explainer without trying too hard</li>
<li>Demonstrates the importance of original graphics in animation</li>
</ul>

<h2>The Artist</h2>
<p>You'll probably agree that many videos on the internet aren't exactly artful.  But this next one is definitely Art.  Miguel Jiron and his team spared no effort to create the feeling of Sensory Overload through video.  It involved filming real-life actors and hand-drawing each frame: 1500+ drawings I reckon.  The result is a video that is both beautiful and emotionally powerful, putting us in the shoes of an autism sufferer, and creating immediate empathy. Bravo!</p>

<div class="thumbnail-wrapper" ng-click="mediaClick('52193530',
                        $event,{
                           provider:'vimeo',
                           bucket: '' 
                        },{
                           media_width:1024,
                           media_height:576,
                           width:1024,
                           height:576
                        })">
           <div class="thumbnail"
                     style="background-image:url('https://i.vimeocdn.com/video/360043021.webp?mw=960&mh=540'); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;width:614px;height:345px">
           </div>
           <img style="left:300px;top:145px" class="arrow" src="/st/images/white-arrow.png">
</div>
<ul>
<li>Inspiring because it uses animated art to change our worldview</li>
<li>Relevant for any project with a strong emotional component</li>
<li>Demonstrates the importance of the creative director in most productions</li>
</ul>

<h2>The Perfect Script</h2>
<p>Next up:  the Coin video by Sandwich video. To be honest, we’re not sure if we liked this video because the product is so cool, or because the video is so well made.  Probably both.  It does a fantastic job of showing the product (a smart credit card) in action in typical scenarios.   It also makes great use of simple visual effects (overlaid motion graphics) to convey the card’s digital magic.</p> 

<div class="thumbnail-wrapper" ng-click="mediaClick('w9Sx34swEG0',
                        $event,{
                           provider:'youtube',
                           bucket: '' 
                        },{
                           media_width:1024,
                           media_height:576,
                           width:1024,
                           height:576
                        })">
           <div class="thumbnail"
                     style="background-image:url('https://img.youtube.com/vi/w9Sx34swEG0/hqdefault.jpg'); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;width:614px;height:345px">
           </div>
           <img style="left:300px;top:145px" class="arrow" src="/st/images/white-arrow.png">
</div>

<ul>
<li>Inspiring because it shows the product in action and makes judicious use of visual effects (ie: without overdoing it)</li>
<li>Relevant for most product launch video</li>
<li>Demonstrate the importance of a crisp script delivered by confident actors</li>
</ul>

<h2>The Stunning</h2>
<p>Let’s turn to one of the top creative teams in the country for inspiration.   The folks at <a href="http://specialguest.tv/" target="_vp_sg">Special Guest</a> are famous for many feats: including the OKGO videos and the Squarespace video we selected.  They excel at wowing with visuals.  First they dream up truly original ideas that sound impossible, then they manage to execute them perfectly.  In Alex Honnold, they found an ambassador who already had a large following, and also had mass appeal potential beyond outdoors enthusiasts. Their distribution strategy is also inspiring.  They chose to first release extended cuts that went viral in the outdoors community, and followed through with short 30-second ads (see below) more tightly connected to  the product (Squarespace 7).  Everytime, the hook is the unparalleled beauty of Yosemite and the disconcerting ease of Alex’s free solo.</p>

<div class="thumbnail-wrapper" ng-click="mediaClick('0HRSqxf-JSE',
                        $event,{
                           provider:'youtube',
                           bucket: '' 
                        },{
                           media_width:1024,
                           media_height:576,
                           width:1024,
                           height:576
                        })">
           <div class="thumbnail"
                     style="background-image:url('https://s3.amazonaws.com/our.s3.videopixie.com/landing/squarespace.jpg'); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;width:614px;height:345px">
           </div>
           <img style="left:300px;top:145px" class="arrow" src="/st/images/white-arrow.png">
</div>

<ul>
<li>Inspiring because of the stunning cinematography and the feeling of weightlessness</li>
<li>Works great for content marketing and brand advertising objectives</li>
<li>Demonstrates the difference a master cinematographer can make</li>
</ul>


<h2>The Nostalgia</h2>
<p>The imagination of a child know no bounds, filling their life daily with awe. Adults, by contrast, are awed far less often. This unofficial ad for the Tesla Model S juxtaposes those ideas to make a most alluring promise for any adult: <i>buy a Model S, and you will once again be awed by the universe</i>. It does it using a double twist. First we see an upbeat world in which the Model S can be the spaceship of a boy’s dreams. Then we twist to the banality of a garage door, and a vexed father. Then we twist back to see that the father too can share the boy's dreams of the universe, if he buys a Model S that is…</p>

<p>By twisting between two contrasting worlds (boyish wonder, adult banality), the ad makes its premise plausible - that adults can be in wonder of the universe too. Imagine how less believable that premise would be if seconds 0:38 to 0:47 were cut!</p>

<div class="thumbnail-wrapper" ng-click="mediaClick('KKbRAazkiWc',
                        $event,{
                           provider:'youtube',
                           bucket: '' 
                        },{
                           media_width:1024,
                           media_height:576,
                           width:1024,
                           height:576
                        })">
           <div class="thumbnail"
                     style="background-image:url('https://img.youtube.com/vi/KKbRAazkiWc/hqdefault.jpg'); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;width:614px;height:345px">
           </div>
           <img style="left:300px;top:145px" class="arrow" src="/st/images/white-arrow.png">
</div>
<ul>
<li>Inspiring because it offers to reconnect us with our childhood</li>
<li>Demonstrates the power of a twisting plot</li>
<li>Shows us how visual effects can bridge two worlds</li>
</ul>

<h2>The End</h2>
<p>And that’s it for today.  Obviously this list is very opinionated and in no way exhaustive. But we hope you enjoyed watching these noteworthy videos, and that you are feeling energized about your own project.  We built Videopixie to enable you to easily brainstorm concepts with video professionals and to help you hire the best team for your budget.  Let us know if you need help getting started.</p>
            </div>
           
         </div>
      </div>
      
      <div class="right_column">
         
         <div class="sidebar_content_width sidebar_cta_box">
            <h5>Get a video</h5>
            <a class="stay_white" href="http://www.videopixie.com/start">
               <div class="button">Try it free</div>
            </a>
             
         </div>
         
         <div class="sidebar_content_width sidebar_social">
         
            <div class="sidebar_title_line"></div>
            
            <p class="sidebar_title">Follow us</p>
            
            <div class="social-links">
               <div class="social-links-center">
                  <a class="social-link twitter" href="http://www.twitter.com/videopixie">t</a>
                  <a class="social-link facebook" href="http://www.facebook.com/videopixie">f</a>
                  <a class="social-link google" href="http://www.google.com/+videopixie">g+</a>
               </div>
            </div>
         
         </div>
         
        
         
         <div class="sidebar_content_width">
            
            <div class="sidebar_title_line"></div>
            <p class="sidebar_title">Related</p>
            <a class="related" href="https://www.videopixie.com/best-kickstarter-videos-of-2014">
               <img style="width:100%" src="https://s3.amazonaws.com/our.s3.videopixie.com/landing/best_kickstarter_videos_2014_640_360.jpg">
               <span >Best kickstarter videos of 2014</span>
            </a>
            <a class="related" href="https://www.videopixie.com/youtube-ads-we-dont-skip">
               <img style="width:100%" src="https://s3.amazonaws.com/our.s3.videopixie.com/landing/bacon_article.jpg">
               <span >Youtube ads you won&#39;t skip</span>
            </a>
            
         </div>   
         
         
         
         
      </div>
   </div>   
   
   <div class="fixed_width">
      <div class="left_column">
      
         <div class="social" id="social">
            <div class="social_buttons">
               <div class="fb-like va" data-href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.videopixie.com%2Fvideos-that-inspire-us" data-layout="button" data-action="like" data-show-faces="true" data-share="true"></div>
               <div class="g-plusone va" data-size="medium" data-annotation="none"></div>

               <script type="text/javascript">
                    (function() {
                     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                     po.src = 'https://apis.google.com/js/platform.js';
                     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                    })();
               </script>

               <a href="https://twitter.com/share" class="twitter-share-button va" data-count="none">Tweet</a>
               <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
            </div>
            
         </div>

         <div class="fb-comments" data-href="https://www.videopixie.com/videos-that-inspire-us" data-width="100%" data-colorscheme="light"></div>
      
      </div>
   </div>
      
   
  
</div>




<script>
   try {
      var pageName = 'videos-that-inspire-us';
      SES.type_context = '';
      var pageVersion = -1;
      var propertiesForMixpanel = {};
      propertiesForMixpanel[pageName + "_version"] = pageVersion;
      
      SES.track({
         event_name:'viewed_content_page',
         p:propertiesForMixpanel,
         details:'viewed_page='+pageName+';',
         should_not_post_event_to_internal:true
      });   
      
   } catch (e) {
      log.d("error logging to mixpanel");
   }   

   $(document).ready(function(){   
   
      var cta = $('#cta_dynamic');
      if (!cta.length){ return; }
      var didScroll = false;
      var $window = $(window);
      var ctaBottom = cta.height() + cta.offset().top;
    
      $window.bind('scroll.cta', function() {
          didScroll = true;
      });
       
      var clearer = setInterval(function() {
         if ( didScroll ) {
            didScroll = false;
              
            if ($window.height() + $window.scrollTop() > ctaBottom){
               cta.animate({opacity: 1.0});
               clearInterval(clearer);
               $window.unbind('scroll.cta');
               
               setTimeout(function(){
               
                  cta.animate({right: '20px'}, 200, function(){
                     cta.animate({right: 0}, 200);
                  });
               }, 500);
            }
         }
      }, 250);
   });





try{
   createCookie('vp_coupon', '', 180);
} catch(e){

}
















</script>



   
   <div id="footer">
      
      <div class="content">
         <img id="footer-logo" src="/st/images/logo_text_and_pixie.png" alt="videopixie logo">
         
         <div id="footer-left">
            <a href="/im_a_pro">Sign-up as a Professional</a>
            <a href="/video-production">Browse Video Producers</a>
            <a href="/learn-more">Learn More</a>
            <a href="/pricing">Pricing</a>
         </div>
         
         <div id="footer-left">
            <a href="/video-school">Video School</a>
            <a href="/about">Our Team</a>
            <a href="/jobs">Jobs</a>
            <a href="/faq">FAQ</a>
         </div>
      
         <div id="social-links">
            <a target="vp_facebook" href="//www.facebook.com/videopixie" class="facebook social-box">f</a>
            <a target="vp_twitter" href="//www.twitter.com/videopixie" class="twitter social-box">t</a>
            <a target="vp_google" href="//www.google.com/+videopixie" class="google social-box">g+</a>
            <a target="vp_linkedin" href="//www.linkedin.com/company/videopixie" class="linkedin social-box">in</a>
         </div>
         
         <div id="footer-bottom">
            <span>Copyright 2015 TT Labs Inc.</span>
            <a href="/st/privacy.html">Privacy Policy</a>
            <a href="/st/dmca.html">DMCA</a>
         </div>
      
      </div>
      
      
      
   </div>
  
   
   
   <div id="media-modal" class="modal modal-wrapper video-modal dn" vp-size="size" vp-fade="[[MediaModal]]" vp-closeable="MediaModal"  ng-controller="MediaModalController">
<!--vp-fade-but-leave-in-display="MediaModal" -->

   <div id="media-background" vp-width-by-aspect="[[aspectRatio]]"></div>
   <div id="image-wrapper"
      ng-class="{ontop: imageViewerMode, small_hide: !imageViewerMode}"
      vp-img-child="src: '[[imageSrc]]', valid: true">
      <!--img is inserted by vp-img-child -->
   </div>
   <div id="player-wrapper" ng-class="{small_hide: imageViewerMode}">
      <video id="video-element" class="video-js vjs-default-skin" controls ng-controller = "VideoPlayerController"></video>
      <div id="video-overlay" ng-bind-html="overlayHtml">
         
      </div>
   </div>
   
   <div id="sidebar-wrapper">
      
      <div ng-show="mode.design_mode" ng-controller="DesignSideBarController" class="side-bar designSideBar"><!-- Design Mode -->
         
         <div class="font-14-999 fr">[[currentQuestion.name]]</div>
         <div class="currentOptionWrapper clearfix">
         
            <div class="option clearfix"
               ng-click="onCurrentOptionClick()"
               ng-class="{selected:currentOption.selected}"
               vp-hover-exclusion="not-hot">
               <div class="mainRow fl">
                  <div class="thumbnailWrapper fl" 
                     vp-img-child="src: '[[AWS + mediaData.bucket + currentOption.video.provider_id]]' + '_120h.jpg', valid: [[!!currentOption.video.provider_id]]">
                     <!--img is inserted by vp-img-child -->
                     
                  </div>
                  <div class="font-16-666-b optionName fl">[[currentOption.name]]</div>
                  <div class="ok"></div>
               </div>
               <div class="font3 details fl">[[currentOption.details]]</div>
            </div>
            
         </div>
         
         <div class = "otherOptionsWrapper">
            
            <div class="bar"></div>
            <div class="font4 subtitle">Other [[currentQuestion.name]] options:</div>
            <div class="vp-scroll-bar vp-scroll-shadows scroll-wrapper">
               <div class="option clearfix" 
                  ng-repeat="(optionIdx,option) in currentQuestion.options" 
                  ng-hide='optionIdx == currentOptionIdx || option.hidden || option.renderer == "lengthInput"'
                  ng-class="{clickable:option.video.provider_id}"
                  ng-click="onOtherOptionClick(optionIdx)">
                  
                  <div class="thumbnailWrapper fl"
                     vp-img-child="src: '[[AWS + mediaData.bucket + option.video.provider_id]]' + '_120h.jpg', valid: [[!!option.video.provider_id]]">
                     <!--img is inserted by vp-img-child -->
                     
                     <div class="no-example" ng-hide="option.video.provider_id">No example</div>
                  </div>
                  <div class="font3 optionName">[[option.name]]</div>               
               </div>
            </div>
         </div>
         
      </div>
      
      <div ng-show="mode.html_mode" class="html-side-bar side-bar">
      
         <div ng-bind-html="htmlSidebarContent"></div>
      
      </div>
         
      
   </div>
   <div class="x close"></div>
</div>

   
   <div class="dimmer dn" vp-fade="[[Dimmer]]" vp-match-document-height></div>
   
   <div id="fb-root"></div>
      
   
   <!-- begin olark code -->
   <script data-cfasync="false" type='text/javascript'>
   /*<![CDATA[*/
   if(!SES.is_dev_enviro){
      window.olark||(function(c){var f=window,d=document,l=f.location.protocol=="https:"?"https:":"http:",z=c.name,r="load";var nt=function(){
      f[z]=function(){
      (a.s=a.s||[]).push(arguments)};var a=f[z]._={
      },q=c.methods.length;while(q--){(function(n){f[z][n]=function(){
      f[z]("call",n,arguments)}})(c.methods[q])}a.l=c.loader;a.i=nt;a.p={
      0:+new Date};a.P=function(u){
      a.p[u]=new Date-a.p[0]};function s(){
      a.P(r);f[z](r)}f.addEventListener?f.addEventListener(r,s,false):f.attachEvent("on"+r,s);var ld=function(){function p(hd){
      hd="head";return["<",hd,"></",hd,"><",i,' onl' + 'oad="var d=',g,";d.getElementsByTagName('head')[0].",j,"(d.",h,"('script')).",k,"='",l,"//",a.l,"'",'"',"></",i,">"].join("")}var i="body",m=d[i];if(!m){
      return setTimeout(ld,100)}a.P(1);var j="appendChild",h="createElement",k="src",n=d[h]("div"),v=n[j](d[h](z)),b=d[h]("iframe"),g="document",e="domain",o;n.style.display="none";m.insertBefore(n,m.firstChild).id=z;b.frameBorder="0";b.id=z+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){
      b.src="javascript:false"}b.allowTransparency="true";v[j](b);try{
      b.contentWindow[g].open()}catch(w){
      c[e]=d[e];o="javascript:var d="+g+".open();d.domain='"+d.domain+"';";b[k]=o+"void(0);"}try{
      var t=b.contentWindow[g];t.write(p());t.close()}catch(x){
      b[k]=o+'d.write("'+p().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}a.P(2)};ld()};nt()})({
      loader: "static.olark.com/jsclient/loader0.js",name:"olark",methods:["configure","extend","declare","identify"]});
      /* custom configuration goes here (www.olark.com/documentation) */
      olark.identify('3567-618-10-4944');
   }/*]]>*/
   </script>
   <noscript><a href="https://www.olark.com/site/3567-618-10-4944/contact" title="Contact us" target="_blank">Questions? Feedback?</a> powered by <a href="http://www.olark.com?welcome" title="Olark live chat software">Olark live chat software</a></noscript>
   <!-- end olark code -->
   
  
   
   <!-- Google Code for Remarketing Tag -->
   <!--------------------------------------------------
   Remarketing tags may not be associated with personally identifiable information or placed on pages related to sensitive categories. See more information and instructions on how to setup the tag on: http://google.com/ads/remarketingsetup
   --------------------------------------------------->
   <script type="text/javascript">
   /* <![CDATA[ */
   var google_conversion_id = 993449120;
   var google_custom_params = window.google_tag_params;
   var google_remarketing_only = true;
   /* ]]> */
   </script>
   <script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
   </script>
   <noscript>
      <div style="display:inline;">
         <img height="1" width="1" style="border-style:none;" alt="" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/993449120/?value=0&amp;guid=ON&amp;script=0"/>
      </div>
   </noscript>

   
   <script type="text/javascript">
      (function() {
         window._pa = window._pa || {};
         // _pa.orderId = "myOrderId"; // OPTIONAL: attach unique conversion identifier to conversions
         // _pa.revenue = "19.99"; // OPTIONAL: attach dynamic purchase values to conversions
         // _pa.productId = "myProductId"; // OPTIONAL: Include product ID for use with dynamic ads
         var pa = document.createElement('script'); pa.type = 'text/javascript'; pa.async = true;
         pa.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + "//tag.perfectaudience.com/serve/53dac13adc92cfda2d000130.js";
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(pa, s);
      })();
   </script>
   
</body>
</html>
