<!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>Shoot Better Video on Canon DSLR with Magic Lantern</title>
   <meta name="description" content="Find out how and why to use Magic Lantern with your Canon DSLR to shoot even better 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>
      h1{font-size: 22px;}
.content h2{font-size: 17px;}
p.notes {font-size: 11px;}
   </style>
   
   <!-- Twitter Card data -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:site" content="@videopixie">
   <meta name="twitter:title" content="Shoot Better Video on Canon DSLR with Magic Lantern">
   <meta name="twitter:description" content="Shoot Better Video on Canon DSLR with Magic Lantern">
   <meta name="twitter:creator" content="@videopixie">
   <meta name="twitter:image:src" content="https://s3.amazonaws.com/our.s3.videopixie.com/landing/magic_lantern_zebras.jpg">

   <!-- Open Graph data -->
   <meta property="og:title" content="Shoot Better Video on Canon DSLR with Magic Lantern" />
   <meta property="og:type" content="article" />
   <meta property="og:url" content="https://www.videopixie.com/shoot-better-video-on-canon-dslr-with-magic-lantern" />
   <meta property="og:image" content="https://s3.amazonaws.com/our.s3.videopixie.com/landing/magic_lantern_zebras.jpg" />
   <meta property="og:description" content="Shoot Better Video on Canon DSLR with Magic Lantern" /> 
   <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>Shoot Better Video on Canon DSLR with Magic Lantern</h1>
            <div class="author_container">
               By Tom Saffell
            </div>
            <div class="date_container">
               September 2nd 2015
            </div>
           
            
            
            <div class="content">
               <p>You already know that your Canon DSLR can shoot great video. But did you know that it can shoot even better video if you install a free enhancement, called Magic Lantern?</p>

<p>Magic Lantern adds functionality on top of your camera’s existing user interface - sort of like a free upgrade that you install via your SD card. The added features make it easier to use your camera to capture professional quality sound and video. When we shoot video at the Videopixie HQ (on our EOS 60d), there are six key Magic Lantern features that we can’t live without:</p>

<ol>
<li>On-screen Audio Metering, to see sound-levels as we shoot</li>
<li>Headphone Monitoring, to hear what’s being recorded, as we shoot</li>
<li>Much improved audio gain control</li>
<li>Zebras to see what is over or under-exposed, as we shoot</li>
<li>Temperature gauge for sensor</li>
<li>Full and easy access to manual controls</li>
</ol>

<h2>On-screen Audio Metering, to See Sound Levels as we Shoot</h2>
<img src="https://s3.amazonaws.com/our.s3.videopixie.com/video_school/magic_lantern_audio_levels.jpg" alt="audio levels in magic lantern">
<p>Magic Lantern adds two green bars at the top of the display to show the amount of sound coming into the left and right audio channels. They bounce up and down in real time as your subject speaks, allowing you to instantly know if the audio is too quiet, or peaking too loud. No more finding out about the problem when you get back to your computer!</p>

<h2>Headphone Monitoring, to Hear What’s Being Recorded, as we Shoot</h2>
<p>With Magic Lantern installed, the AV port of the side of your camera now also carries the audio signal of exactly what is being recorded. Plug in the standard Canon AV cable, add a small $5 adapter, and then connect any pair of regular headphones. Now, you can hear exactly what the camera records. No more wondering whether that sneeze in the background was picked up by the camera - you’ll know for sure as it comes through your headphones loud and clear!
</p>

<h2>Much improved Audio Gain Control</h2>
<p>Magic Lanterns improvements to Canon’s auto gain control isn’t something you’ll be looking at or interacting with much, but it’ll being working in the background for you the entire time. To see how well it works, check out this <a href="https://vimeo.com/7838475#t=4m21s" target="_blank">comparison of gain controls</a>. I’m pretty sure once you’ve heard the examples, you wont need any more convincing!</p>

<h2>Zebras to See What is Over/Underexposed, as we Shoot </h2>
<img src="https://s3.amazonaws.com/our.s3.videopixie.com/video_school/magic_lantern_zebras.jpg" alt="zebras in magic lantern">
<p>Magic Lantern overlays ‘zebras’ onto the ‘live view’ on your LCD to let you know when a portion of your scene is over-exposed, or under-exposed. ‘Zebras’ are sections on to which Magic Lantern draws hatched pattern, and they update in realtime, so you can easily figure what adjustments to make. We find these especially useful when there is natural sunlight around. We normally try to keep direct sunlight out of the scene (using mainly bounce light), but every so often it will creep into the corner, and the zebras let us know straight away!</p>

<h2>Temperature Gauge for Sensor</h2>
<p>If you’ve ever tried to shoot for a long time on your DSLR, you know that eventually the sensor overheats and you have to give the camera a break. Sometimes that coincides with with something you really want to capture, and then you’re SOL. Magic Lantern adds a small temperature readout at the top of the display, so you know when it’s time for everyone to take a quick break, before one is forced upon you!</p>

<h2>Full and Easy Access to Manual Controls</h2>
<img src="https://s3.amazonaws.com/our.s3.videopixie.com/video_school/magic_lantern_expo.jpg" alt="exposure controls in magic lantern">
<p>Magic Lantern makes it very easy to quickly see and adjust the exposure settings in use. We find that invaluable in marginal-light situations, where we need to keep control of the ISO. On our 60d (which is not full frame) an ISO of 400 or higher looks pretty crummy at 1080p. Having full and easy control of the exposure settings lets us squeeze as much quality as possible from the sensor. 
</p>


<p>Those are the six features that make the biggest difference to us, but Magic Lantern is chock full of other features that might turn out to be your favorites. If you haven't already tried Magic Lantern and you shoot video on a Canon DSLR then I implore you to give it a try. It <a href="http://wiki.magiclantern.fm/install" target="_blank">easy enough to setup</a>. Dont be put off by the length of the instructions - they’re only long to make them super easy to follow. 
</p>

<p>Once you have it installed, start playing. There is a <a href="http://wiki.magiclantern.fm/userguide" target="_blank">detailed userguide</a>, but you’ll probably have more fun if you just start twiddling knobs to see what happens. And as always, be sure to review your footage on a full-size screen before you roll into production - even with Magic Lantern, there’s no substitute to seeing and hearing your clips on a full-size HD display. 
</p>

<p>Finally, we’d like to thank (and pay homage to) the creators of Magic Lantern: Trammell Hudson, and the rest of the community. It’s really astounding that they were able to take an already great product and make it so much better - Thank You!</p>

<p class="notes">Thanks to <a href="http://wiki.magiclantern.fm/userguide">Magic Lantern Userguide</a> for some images. Those images are licensed under <a href="http://creativecommons.org/licenses/by-sa/3.0/">CC Attribution-Share Alike 3.0 Unported</a> </p>
            </div>
           
         </div>
      </div>
      
      <div class="right_column">
         
         <div class="sidebar_content_width sidebar_cta_box">
            <h5>Need help editing?</h5>
            <a class="stay_white" href="http://www.videopixie.com/start">
               <div class="button">Post a project</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>
   </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%2Fshoot-better-video-on-canon-dslr-with-magic-lantern" 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/shoot-better-video-on-canon-dslr-with-magic-lantern" data-width="100%" data-colorscheme="light"></div>
      
      </div>
   </div>
      
   
  
</div>




<script>
   try {
      var pageName = 'shoot-better-video-on-canon-dslr-with-magic-lantern';
      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>
