CINXE.COM

<!DOCTYPE html> <html lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://vimeo.com/blog/post/the-basics-of-b-roll","20160826205729","https://web.archive.org/","web","/_static/", "1472245049"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> <link rel="preconnect" href="//web.archive.org/web/20160826205729/https://player.vimeo.com/"> <link rel="preconnect" href="//web.archive.org/web/20160826205729/https://i.vimeocdn.com/"> <link rel="preconnect" href="//web.archive.org/web/20160826205729/https://f.vimeocdn.com/"> <meta property="fb:app_id" content="19884028963"> <meta property="og:url" content="https://web.archive.org/web/20160826205729/https://vimeo.com/blog/post/the-basics-of-b-roll"> <meta property="og:site_name" content="Vimeo"> <meta property="og:title" content="The basics of B-roll"> <meta property="og:description" content="Spice up your edit and engage your viewers with this B-roll refresher."> <meta property="og:type" content="article"> <meta property="og:image" content="https://web.archive.org/web/20160826205729im_/https://i.vimeocdn.com/video/335976549_1200.jpg"> <meta property="article:author" content="https://vimeo.com"> <meta property="article:publisher" content="https://vimeo.com"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@vimeo"> <meta name="twitter:creator" content="@vimeo"> <meta name="twitter:url" content="https://web.archive.org/web/20160826205729im_/https://vimeo.com/blog/post/the-basics-of-b-roll"> <meta name="twitter:title" content="The basics of B-roll"> <meta name="twitter:description" content="Spice up your edit and engage your viewers with this B-roll refresher."> <meta name="twitter:image" content="https://web.archive.org/web/20160826205729im_/https://i.vimeocdn.com/video/335976549_1200.jpg"> <meta name="keywords" content=""> <meta name="description" content="Spice up your edit and engage your viewers with this B-roll refresher."> <link rel="canonical" href="/web/20160826205729/https://vimeo.com/blog/post/the-basics-of-b-roll"> <link rel="apple-touch-icon-precomposed" href="https://web.archive.org/web/20160826205729im_/https://i.vimeocdn.com/favicon/main-touch_180"> <link rel="mask-icon" href="https://web.archive.org/web/20160826205729im_/https://f.vimeocdn.com/svg/iris/iris_icon_v_64.svg" color="#17272e"> <link rel="shortcut icon" href="https://web.archive.org/web/20160826205729im_/https://f.vimeocdn.com/images_v6/favicon.ico" data-play="https://i.vimeocdn.com/favicon/play_32" data-pause="https://i.vimeocdn.com/favicon/pause_32"> <meta name="msapplication-TileImage" content="https://i.vimeocdn.com/favicon/main-touch_144"> <meta name="msapplication-TileColor" content="#00adef"> <link rel="search" type="application/opensearchdescription+xml" href="/web/20160826205729/https://vimeo.com/search/opensearch.xml" title="Vimeo search"> <link rel="logo" type="image/svg" href="https://f.vimeocdn.com/logo.svg"> <title>The basics of B-roll on Vimeo</title> <link rel="stylesheet" href="https://web.archive.org/web/20160826205729cs_/https://f.vimeocdn.com/styles/css_opt/global/icon_fonts.min.css?af695dbdc5"> <link rel="stylesheet" href="https://web.archive.org/web/20160826205729cs_/https://f.vimeocdn.com/styles/css_opt/global_main_combined.min.css?9c43651f"> <link rel="stylesheet" href="https://web.archive.org/web/20160826205729cs_/https://f.vimeocdn.com/styles/css_opt/global_combined.min.css?7c5444ae"> <link rel="stylesheet" href="https://web.archive.org/web/20160826205729cs_/https://f.vimeocdn.com/styles/css_opt/modules/comment.min.css?7bde36de"> <link rel="stylesheet" href="https://web.archive.org/web/20160826205729cs_/https://f.vimeocdn.com/styles/css_opt/pages/blog/blog.min.css?c7ec6025"> <script> var playerAssetUrls = {"js":"https:\/\/web.archive.org\/web\/20160826205729\/https:\/\/f.vimeocdn.com\/p\/2.32.1\/js\/player.js","moog":"https:\/\/web.archive.org\/web\/20160826205729\/https:\/\/f.vimeocdn.com\/p\/flash\/moogaloop\/6.4.3\/moogaloop.swf","moog_js":"https:\/\/web.archive.org\/web\/20160826205729\/https:\/\/f.vimeocdn.com\/p\/2.32.1\/js\/moogaloop.js","css":"https:\/\/web.archive.org\/web\/20160826205729\/https:\/\/f.vimeocdn.com\/p\/2.32.1\/css\/player.css","player_url":"player.vimeo.com"}; var _extend = function(){for(var r=arguments[0],n=1,e=arguments.length;e>n;n++){var t=arguments[n];for(var a in t)t.hasOwnProperty(a)&&(r[a]=t[a])}return r}; window = _extend(window, {"vimeo_esi":{"config":{"autocomplete_enabled":true}},"global_notifications":[]}); </script> <style id="esi_ribbon"> .esi_ribbon { background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22500%22%3E%3Crect%20x%3D%220%22%20width%3D%2259%22%20height%3D%22100%25%22%20style%3D%22fill%3A%2328a1d8%22%2F%3E%3Crect%20x%3D%2259%22%20width%3D%2213%22%20height%3D%22100%25%22%20style%3D%22fill%3A%23248bc7%22%2F%3E%3Crect%20x%3D%2272%22%20width%3D%2239%22%20height%3D%22100%25%22%20style%3D%22fill%3A%231e3955%22%2F%3E%3Crect%20x%3D%22111%22%20width%3D%2218%22%20height%3D%22100%25%22%20style%3D%22fill%3A%232f5132%22%2F%3E%3Crect%20x%3D%22129%22%20width%3D%220%22%20height%3D%22100%25%22%20style%3D%22fill%3A%23416828%22%2F%3E%3Crect%20x%3D%22129%22%20width%3D%2210%22%20height%3D%22100%25%22%20style%3D%22fill%3A%237eaa29%22%2F%3E%3Crect%20x%3D%22139%22%20width%3D%2212%22%20height%3D%22100%25%22%20style%3D%22fill%3A%23dcbd42%22%2F%3E%3Crect%20x%3D%22151%22%20width%3D%2254%22%20height%3D%22100%25%22%20style%3D%22fill%3A%23dcad27%22%2F%3E%3Crect%20x%3D%22205%22%20width%3D%2294%22%20height%3D%22100%25%22%20style%3D%22fill%3A%23e39a23%22%2F%3E%3Crect%20x%3D%22299%22%20width%3D%2217%22%20height%3D%22100%25%22%20style%3D%22fill%3A%23cc554c%22%2F%3E%3Crect%20x%3D%22316%22%20width%3D%2230%22%20height%3D%22100%25%22%20style%3D%22fill%3A%23ca473f%22%2F%3E%3Crect%20x%3D%22346%22%20width%3D%2262%22%20height%3D%22100%25%22%20style%3D%22fill%3A%23a72834%22%2F%3E%3Crect%20x%3D%22408%22%20width%3D%2248%22%20height%3D%22100%25%22%20style%3D%22fill%3A%23735675%22%2F%3E%3Crect%20x%3D%22456%22%20width%3D%2237%22%20height%3D%22100%25%22%20style%3D%22fill%3A%23653e66%22%2F%3E%3Crect%20x%3D%22493%22%20width%3D%227%22%20height%3D%22100%25%22%20style%3D%22fill%3A%233b315b%22%2F%3E%3C%2Fsvg%3E%0A) top left/500px 100% repeat-x !important; } </style> <script> var ablincoln_config = ablincoln_config || {}; ablincoln_config.tests = {"DFPAdCohorts":{"id":69,"name":"DFPAdCohorts","buckets":1000,"input":"vuid","url":null,"experiments":[{"id":158,"name":"set1","buckets":1000,"state":1,"published_on":"2016-07-18 10:45:48","paused_on":"0000-00-00 00:00:00","stopped_on":"0000-00-00 00:00:00","parameters":[{"id":300,"name":"cohort","choice":"A","weight":1},{"id":301,"name":"cohort","choice":"B","weight":1}],"segments":[]}]},"Explore":{"id":64,"name":"Explore","buckets":1000,"input":"vuid","url":"\/","experiments":[{"id":142,"name":"LOHP","buckets":980,"state":3,"published_on":"2016-06-01 12:04:23","paused_on":"0000-00-00 00:00:00","stopped_on":"2016-06-01 15:27:14","parameters":[{"id":270,"name":"variant","choice":"current","weight":2},{"id":271,"name":"variant","choice":"control","weight":1},{"id":272,"name":"variant","choice":"explore","weight":1}],"segments":[{"id":34,"type":"location","include":1,"values":["US"]},{"id":33,"type":"language","include":1,"values":["en"]}]},{"id":144,"name":"LOHP Redo","buckets":980,"state":3,"published_on":"2016-06-01 15:32:11","paused_on":"2016-06-15 14:16:07","stopped_on":"2016-07-13 12:24:33","parameters":[{"id":273,"name":"variant","choice":"current","weight":1},{"id":274,"name":"variant","choice":"explore","weight":1}],"segments":[{"id":36,"type":"location","include":1,"values":["US"]},{"id":35,"type":"language","include":1,"values":["en"]}]},{"id":149,"name":"JOIN MODALS","buckets":20,"state":3,"published_on":"2016-06-24 11:10:10","paused_on":"0000-00-00 00:00:00","stopped_on":"2016-07-21 12:01:05","parameters":[{"id":283,"name":"show","choice":"1","weight":1}],"segments":[]},{"id":157,"name":"LOHP and Watch Explore Test","buckets":500,"state":3,"published_on":"2016-07-20 11:32:43","paused_on":"0000-00-00 00:00:00","stopped_on":"2016-07-20 11:52:03","parameters":[{"id":298,"name":"variant","choice":"explore1","weight":1},{"id":299,"name":"variant","choice":"expore2","weight":1}],"segments":[]},{"id":159,"name":"LOHP and Watch Explore","buckets":500,"state":3,"published_on":"2016-07-20 11:56:18","paused_on":"0000-00-00 00:00:00","stopped_on":"2016-08-01 14:52:44","parameters":[{"id":302,"name":"variant","choice":"explore1","weight":1},{"id":303,"name":"variant","choice":"explore2","weight":1}],"segments":[]},{"id":161,"name":"LOHP and Watch Explore Part 2","buckets":500,"state":3,"published_on":"2016-07-21 13:49:16","paused_on":"0000-00-00 00:00:00","stopped_on":"2016-08-01 14:52:50","parameters":[{"id":305,"name":"variant","choice":"explore1","weight":1},{"id":306,"name":"variant","choice":"explore2","weight":1}],"segments":[]},{"id":167,"name":"Explore Autoplay","buckets":1000,"state":1,"published_on":"2016-08-16 12:03:17","paused_on":"0000-00-00 00:00:00","stopped_on":"0000-00-00 00:00:00","parameters":[{"id":317,"name":"autoplay","choice":"on","weight":1},{"id":318,"name":"autoplay","choice":"off","weight":1}],"segments":[]}]},"TopNavAB":{"id":67,"name":"TopNavAB","buckets":1000,"input":"vuid","url":"\/","experiments":[{"id":148,"name":"ExploreWatchDiscover","buckets":1000,"state":3,"published_on":"2016-06-23 15:42:46","paused_on":"0000-00-00 00:00:00","stopped_on":"2016-06-29 13:29:18","parameters":[{"id":280,"name":"variant","choice":"watch","weight":1},{"id":281,"name":"variant","choice":"explore","weight":1},{"id":282,"name":"variant","choice":"discover","weight":1}],"segments":[{"id":43,"type":"language","include":1,"values":["en"]}]},{"id":154,"name":"ExploreWatchDiscover2","buckets":1000,"state":3,"published_on":"2016-06-29 15:08:05","paused_on":"0000-00-00 00:00:00","stopped_on":"2016-07-11 16:27:09","parameters":[{"id":290,"name":"navtype","choice":"watch","weight":1},{"id":291,"name":"navtype","choice":"explore","weight":1},{"id":292,"name":"navtype","choice":"discover","weight":1}],"segments":[{"id":44,"type":"language","include":1,"values":["en"]}]}]},"JoinModals":{"id":71,"name":"JoinModals","buckets":1000,"input":"vuid","url":null,"experiments":[{"id":164,"name":"TopNavJoinModal","buckets":1000,"state":1,"published_on":"2016-08-02 16:18:11","paused_on":"0000-00-00 00:00:00","stopped_on":"0000-00-00 00:00:00","parameters":[{"id":310,"name":"show","choice":"0","weight":1},{"id":311,"name":"show","choice":"1","weight":1}],"segments":[]}]}}; </script> <script> var googletag = googletag || {}, gptadslots = [], language, has_uploaded, cohort; googletag.cmd = googletag.cmd || []; (function() { var gads = document.createElement('script'), useSSL = 'https:' == document.location.protocol, node; gads.async = true; gads.type = 'text/javascript'; gads.src = (useSSL ? 'https:' : 'http:') + '//web.archive.org/web/20160826205729/https://www.googletagservices.com/tag/js/gpt.js'; node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); googletag.cmd.push(function() { language = document.cookie.replace(/(?:(?:^|.*;\s*)language\s*\=\s*([^;]*).*$)|^.*$/, "$1"); has_uploaded = (document.cookie.replace(/(?:(?:^|.*;\s*)has_uploaded\s*\=\s*([^;]*).*$)|^.*$/, "$1")) ? 'Y' : 'N'; cohort = (window.ABLincoln) ? window.ABLincoln.getTest('DFPAdCohorts').get('cohort', 'A') : 'A'; googletag.pubads().setTargeting('language', [language]); googletag.pubads().setTargeting('is_uploader', [has_uploaded]); googletag.pubads().setTargeting('cohort', [cohort]); googletag.pubads().setTargeting('cohort_a', [(cohort === 'A') ? 'Y' : 'N']); googletag.pubads().setTargeting('cohort_b', [(cohort === 'B') ? 'Y' : 'N']); googletag.pubads().setTargeting('sec', ['false']); googletag.pubads().setTargeting('logged_in', ['false']); googletag.pubads().setTargeting('rpv', (Math.floor(Math.random()*100)+1).toString()); googletag.pubads().enableAsyncRendering(); googletag.enableServices(); }); </script> <script> !function(){var e="undefined"!=typeof window?window:exports,r=[];if(e.performance||(e.performance={}),e.performance.now||(e.performance.now=performance.now||performance.webkitNow||performance.msNow||performance.mozNow),!e.performance.now){var n=Date.now?Date.now():+new Date;performance.timing&&performance.timing&&(n=performance.timing.navigationStart),e.performance.now=function(){var e=Date.now?Date.now():+new Date;return e-n}}e.performance.mark||(e.performance.mark=e.performance.webkitMark?e.performance.webkitMark:function(n){r.forEach(function(e,r,a){e.name===n&&a.splice(r,1)}),r.push({name:n,entryType:"mark",startTime:e.performance.now(),duration:0})}),e.performance.getEntriesByType||(e.performance.getEntriesByType=e.performance.webkitGetEntriesByType?e.performance.webkitGetEntriesByType:function(e){var n=function(r){return r.entryType===e};return-1!==["mark","measure"].indexOf(e)?r.filter(n):void 0}),e.performance.getEntriesByName||(e.performance.getEntriesByName=e.performance.webkitGetEntriesByName?e.performance.webkitGetEntriesByName:function(e){return r.filter(function(r){return r.name===e})}),e.performance.clearMeasures||(e.performance.clearMeasures=e.performance.webkitClearMeasures?e.performance.webkitClearMeasures:function(){r.forEach(function(e,r,n){"measure"===e.entryType&&n.splice(r,1)}),r=[]}),e.performance.clearMarks||(e.performance.clearMarks=e.performance.webkitClearMarks?e.performance.webkitClearMarks:function(){r.forEach(function(e,r,n){"mark"===e.entryType&&n.splice(r,1)}),r=[]}),e.performance.measure||(e.performance.measure=e.performance.webkitMeasure?e.performance.webkitMeasure:function(e,n,a){var t=function(e){return function(r){return r.name===e&&"mark"===r.entryType}},o=r.filter(t(n))[0],m=r.filter(t(a))[0],i=m.startTime-o.startTime;r.push({name:e,entryType:"measure",startTime:o.startTime,duration:i})})}(),window.markUserTime=function(e){var r=window.requestAnimationFrame||function(e){setTimeout(e,0)};r(function(){window.performance.mark(e),window.console&&console.timeStamp&&console.timeStamp(e)})}; (function() { window.markUserTime = function(label) { window._gtm = window._gtm || []; // Exit early if the browser can't handle new things if (typeof performance === 'undefined' || typeof performance.mark !== 'function' || typeof performance.getEntriesByName !== 'function' || typeof performance.clearMarks !== 'function') { return; } var uid = parseInt(Math.random().toString().split('0.')[1]) + new Date().getTime(), mark_name = label + '_' + uid, parts = label.split('|'), category = parts[0], variable = parts[1], label = parts[2], mark_time, mark_entries; performance.mark(mark_name); mark_entries = performance.getEntriesByName(mark_name); if (mark_entries.length) { mark_time = mark_entries[0].startTime; window._gtm.push({ 'event': 'performance_timing', 'performance_timing.category': category, 'performance_timing.variable': variable, 'performance_timing.time': mark_time / 1000, 'performance_timing.label': label }); } }; }()); </script> </head> <body class="onsite "> <div id="wrap" class="outer_wrap"> <div class="body_ribbon esi_ribbon"></div> <div id="topnav_desktop" class="topnav_desktop " role="banner"> <div class="topnav_desktop_wrapper"> <a class="topnav_desktop_logo" href="//web.archive.org/web/20160826205729/https://vimeo.com/" alt="Go to Vimeo home page" title="Go to Vimeo home page" aria-label="Go to Vimeo home page" data-fatal-attraction="container:top_nav|component:vimeo_home" data-gtm-click="top_nav_home_click"> <svg alt="Vimeo" width="100" height="40"><path d="M22.448 14.575c-.104 2.17-1.618 5.146-4.544 8.912-3.03 3.942-5.59 5.912-7.686 5.912-1.297 0-2.397-1.204-3.3-3.6-.6-2.2-1.202-4.398-1.794-6.598-.664-2.396-1.38-3.6-2.147-3.6-.166 0-.747.354-1.753 1.05l-1.048-1.35c1.1-.965 2.19-1.93 3.257-2.905 1.463-1.265 2.573-1.94 3.3-2.002 1.732-.166 2.8 1.017 3.205 3.558.435 2.74.736 4.44.902 5.115.498 2.27 1.048 3.402 1.65 3.402.466 0 1.172-.737 2.105-2.21.934-1.473 1.432-2.593 1.504-3.37.133-1.277-.365-1.91-1.506-1.91-.53 0-1.08.125-1.65.364 1.1-3.59 3.186-5.333 6.277-5.23 2.273.073 3.35 1.556 3.227 4.46m13.755 7.034c-.933 1.764-2.22 3.37-3.86 4.803-2.24 1.93-4.47 2.905-6.7 2.905-1.037.002-1.826-.33-2.376-.994-.55-.663-.81-1.535-.777-2.603.03-1.1.372-2.8 1.025-5.104.654-2.303.976-3.537.976-3.703 0-.86-.3-1.297-.902-1.297-.198 0-.77.353-1.702 1.048l-1.152-1.35c1.07-.962 2.137-1.927 3.206-2.902 1.43-1.266 2.5-1.94 3.205-2.002 1.1-.103 1.91.23 2.428.976.518.747.705 1.722.58 2.915-.435 2.034-.902 4.607-1.4 7.73-.03 1.43.488 2.146 1.556 2.146.467 0 1.297-.498 2.5-1.483.996-.82 1.815-1.598 2.45-2.324l.942 1.244m-4.357-17.8c-.03.83-.446 1.628-1.255 2.395-.9.86-1.97 1.296-3.204 1.296-1.9 0-2.822-.83-2.75-2.49.032-.86.54-1.69 1.526-2.49.985-.797 2.074-1.19 3.278-1.19.705 0 1.286.27 1.753.82.467.54.684 1.1.653 1.66m35.612 17.8c-.933 1.763-2.22 3.37-3.86 4.802-2.24 1.93-4.47 2.904-6.7 2.904-2.168.002-3.216-1.202-3.153-3.598.03-1.07.238-2.355.622-3.85.384-1.503.59-2.665.623-3.505.03-1.265-.353-1.898-1.152-1.898-.87 0-1.91 1.036-3.112 3.1-1.276 2.168-1.96 4.274-2.064 6.308-.073 1.43.072 2.54.425 3.298-2.324.064-3.963-.32-4.886-1.15-.83-.737-1.212-1.95-1.15-3.652.03-1.068.198-2.137.488-3.205.29-1.07.457-2.023.488-2.853.062-1.234-.384-1.857-1.35-1.857-.84 0-1.74.955-2.706 2.853-.966 1.9-1.505 3.89-1.61 5.956-.06 1.867.053 3.174.364 3.9-2.293.062-3.92-.415-4.876-1.452-.798-.86-1.16-2.18-1.1-3.942.032-.86.188-2.075.457-3.62.28-1.546.425-2.75.457-3.62.062-.603-.083-.903-.446-.903-.197 0-.768.34-1.702 1.015l-1.203-1.348c.168-.135 1.216-1.1 3.156-2.905 1.4-1.297 2.354-1.97 2.852-2.002.872-.073 1.567.29 2.106 1.08.53.787.8 1.69.8 2.727 0 .332-.032.654-.105.954.497-.766 1.08-1.43 1.752-2 1.537-1.34 3.26-2.086 5.157-2.252 1.64-.135 2.8.25 3.505 1.152.57.736.83 1.784.8 3.153.237-.198.486-.416.746-.654.767-.903 1.514-1.62 2.25-2.148 1.235-.902 2.52-1.4 3.86-1.504 1.597-.135 2.75.25 3.454 1.152.602.726.87 1.774.8 3.143-.032.933-.26 2.28-.675 4.065-.416 1.773-.624 2.8-.624 3.07-.03.695.03 1.182.197 1.442.166.27.57.394 1.203.394.467 0 1.297-.497 2.5-1.482.996-.82 1.816-1.598 2.45-2.324l.963 1.254m18.765-.052c-.965 1.598-2.874 3.195-5.706 4.793-3.538 2.032-7.127 3.05-10.758 3.05-2.706 0-4.636-.904-5.808-2.7-.83-1.233-1.234-2.696-1.203-4.407.03-2.698 1.234-5.27 3.6-7.71 2.603-2.665 5.674-4.003 9.21-4.003 3.27 0 5 1.328 5.208 3.994.135 1.702-.798 3.445-2.8 5.24-2.137 1.96-4.824 3.215-8.06 3.744.6.83 1.504 1.245 2.707 1.245 2.396 0 5.02-.613 7.863-1.837 2.033-.86 3.63-1.753 4.803-2.676l.945 1.265m-11.36-5.228c.032-.892-.33-1.35-1.1-1.35-.994 0-2.01.686-3.048 2.066-1.038 1.38-1.567 2.697-1.598 3.962-.02 0-.02.218 0 .643 1.63-.6 3.05-1.514 4.242-2.738.966-1.058 1.463-1.92 1.505-2.583m24.946 1.868c-.135 3.072-1.265 5.717-3.402 7.947-2.135 2.23-4.79 3.35-7.955 3.35-2.635 0-4.637-.85-6.006-2.55-.997-1.267-1.557-2.854-1.65-4.752-.166-2.863.86-5.498 3.1-7.894 2.408-2.665 5.427-3.993 9.057-3.993 2.334 0 4.098.788 5.3 2.344 1.132 1.443 1.65 3.29 1.557 5.55m-5.664-.185c.03-.903-.094-1.733-.374-2.48-.28-.747-.695-1.13-1.224-1.13-1.702 0-3.102.923-4.202 2.76-.933 1.503-1.43 3.11-1.504 4.812-.03.84.114 1.577.446 2.21.364.736.882 1.1 1.556 1.1 1.505 0 2.79-.883 3.86-2.656.892-1.472 1.38-3.008 1.44-4.615h.002z" fill="#112233"/></svg> </a> <nav class="topnav_desktop_menu" role="navigation" aria-label="Main menu"> <ul class="topnav_menu_desktop_main" role="menubar"> <li class="topnav_desktop_menu_items" data-menu-id="join"> <a class="topnav_menu_join js-topnav_menu_auth" onclick="if(window.localStorage&&window.ABLincoln){var ___lsJM=window.localStorage.getItem('jm');null===___lsJM&&(___lsJM=window.ABLincoln.getTest('JoinModals').get('show','0'),window.localStorage.setItem('jm',___lsJM)),event.preventDefault(),'1'===___lsJM?vimeo.Modal.create({size:'xsmall',content:'/join?modal=new'}).then(function(o){'reload'===o&&window.location.reload()}):setTimeout(function(){window.location='/join'},200)}" data-ga-event-click="top_nav|join" data-fatal-attraction="container:top_nav|component:join" data-gtm-click="top_nav_join_click" href="/web/20160826205729/https://vimeo.com/join" title="Become a Vimeo member" tabindex="0" rel="toggle" role="button" aria-owns="topnav_join"> Join </a> </li> <li class="topnav_desktop_menu_items" data-menu-id="login"> <a class="js-topnav_menu_auth" onclick="event.preventDefault(); vimeo.Session.create();" data-ga-event-click="top_nav|login" data-fatal-attraction="container:top_nav|component:login" data-gtm-click="top_nav_login_click" href="/web/20160826205729/https://vimeo.com/log_in" title="Log in to your account" tabindex="0" rel="toggle" role="button" aria-owns="topnav_login"> Log in </a> </li> <li class="topnav_desktop_menu_items" data-menu-id="create"> <a class="topnav_has_dropdown topnav_icon_chevron_a" data-fatal-attraction="container:top_nav|component:create|keyword:create" data-gtm-click="top_nav_create_click" href="/web/20160826205729/https://vimeo.com/create" title="" tabindex="0" rel="toggle" role="button" aria-owns="topnav_create"> Create </a> <ul class="topnav_desktop_menu_items_dropdown" role="menu" aria-hidden="true" id="topnav_create"> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:create|keyword:membership_options" data-gtm-click="top_nav_create_membership_options_click" href="/web/20160826205729/https://vimeo.com/upgrade" title="Upgrade, or compare our plans">Membership options</a> </li> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:create|keyword:sell" data-gtm-click="top_nav_create_sell_click" href="/web/20160826205729/https://vimeo.com/ondemand/startselling" title="Sell directly to your fans with Vimeo On Demand">Sell videos</a> </li> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:create|keyword:video_school" data-gtm-click="top_nav_create_video_school_click" href="/web/20160826205729/https://vimeo.com/videoschool" title="Learn how to make better videos">Video School</a> </li> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:create|keyword:cameo" data-gtm-click="top_nav_create_cameo_click" href="/web/20160826205729/https://vimeo.com/cameo" title="Create cinematic videos on your phone">Cameo</a> </li> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:create|keyword:more" data-gtm-click="top_nav_create_more_click" href="/web/20160826205729/https://vimeo.com/create" title="Discover more tools for video creators">More…</a> </li> </ul> </li> <li class="topnav_desktop_menu_items" data-menu-id="watch"> <a class="topnav_has_dropdown topnav_icon_chevron_a" data-fatal-attraction="container:top_nav|component:watch|keyword:watch" data-gtm-click="top_nav_watch_click" href="/web/20160826205729/https://vimeo.com/watch" title="" tabindex="0" rel="toggle" role="button" aria-owns="topnav_watch"> Watch </a> <ul class="topnav_desktop_menu_items_dropdown" role="menu" aria-hidden="true" id="topnav_watch"> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:watch|keyword:staff_picks" data-gtm-click="top_nav_watch_staff_picks_click" href="/web/20160826205729/https://vimeo.com/channels/staffpicks" title="The best videos on Vimeo, curated daily by our team">Staff Picks</a> </li> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:watch|keyword:categories" data-gtm-click="top_nav_watch_categories_click" href="/web/20160826205729/https://vimeo.com/categories" title="Browse videos by interest, genre, and more">Categories</a> </li> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:watch|keyword:channels" data-gtm-click="top_nav_watch_channels_click" href="/web/20160826205729/https://vimeo.com/channels" title="View video playlists created and curated by other members">Channels</a> </li> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:watch|keyword:groups" data-gtm-click="top_nav_watch_groups_click" href="/web/20160826205729/https://vimeo.com/groups" title="Watch and discuss videos with others">Groups</a> </li> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:watch|keyword:app" data-gtm-click="top_nav_watch_apps_click" href="/web/20160826205729/https://vimeo.com/everywhere" title="Watch Vimeo videos on TVs, phones, tablets, and more">Apps</a> </li> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:watch|keyword:more" data-gtm-click="top_nav_watch_more_click" href="/web/20160826205729/https://vimeo.com/watch" title="Discover more ways to watch on Vimeo">More…</a> </li> </ul> </li> <li class="topnav_desktop_menu_items" data-menu-id="ondemand"> <a class="topnav_has_dropdown topnav_is_ondemand topnav_icon_chevron_a" data-fatal-attraction="container:top_nav|component:on_demand|keyword:on_demand" data-gtm-click="top_nav_ondemand_click" href="/web/20160826205729/https://vimeo.com/ondemand" title="Watch movies, series, and more" tabindex="0" rel="toggle" role="button" aria-owns="topnav_ondemand"> On Demand </a> <ul class="topnav_desktop_menu_items_dropdown" role="menu" aria-hidden="true" id="topnav_ondemand"> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:on_demand|keyword:whats_new" data-gtm-click="top_nav_ondemand_whats_new_click" href="/web/20160826205729/https://vimeo.com/ondemand" title="See new and noteworthy titles added to On Demand">What’s new</a> </li> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:on_demand|keyword:discover" data-gtm-click="top_nav_ondemand_discover_click" href="/web/20160826205729/https://vimeo.com/ondemand/discover" title="Discover titles our team recommends">Discover</a> </li> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:on_demand|keyword:genres" data-gtm-click="top_nav_ondemand_genres_click" href="/web/20160826205729/https://vimeo.com/ondemand/browse" title="Browse titles by genre">Genres</a> </li> <li class="topnav_desktop_menu_items_dropdown_item" role="menuitem" tabindex="-1"> <a data-fatal-attraction="container:top_nav|component:on_demand|keyword:start_selling" data-gtm-click="top_nav_ondemand_sell_click" href="/web/20160826205729/https://vimeo.com/ondemand/startselling" title="Sell directly to your fans with Vimeo On Demand">Start selling</a> </li> </ul> </li> </ul> </nav> <div class="topnav_menu_right"> <form class="topnav_menu_search" action="/web/20160826205729/https://vimeo.com/search" method="get" role="search" data-ds-protection> <input class="topnav_menu_search_input js-topnav_menu_search_input js-search_autocomplete" type="text" name="q" title="Search videos, people, and more" value="" aria-label="Search videos, people, and more" placeholder="Search videos, people, and more" autocomplete="off"><button class="topnav_menu_search_submit topnav_icon_search_b" type="submit" aria-label="Search"></button> </form> <a class="topnav_desktop_upload topnav_icon_upload_b" href="/web/20160826205729/https://vimeo.com/upload" title="Upload your videos" role="button" data-fatal-attraction="component:top_nav|keyword:upload" data-gtm-click="top_nav_upload_click"><span>Upload</span></a> </div> </div> </div> <nav id="topnav_mobile" class="topnav_mobile " role="banner"> <div class="topnav_mobile_bar"> <button class="topnav_mobile_button topnav_mobile_pull_left topnav_mobile_header_logo js-topnav_mobile_header_logo topnav_icon_mobile_vlogo_b"> </button> <a href="/web/20160826205729/https://vimeo.com/search" class="topnav_mobile_button topnav_mobile_pull_right topnav_mobile_header_search topnav_icon_mobile_search_b"> </a> <span class="topnav_mobile_header_title"><span class="topnav_mobile_header_title_reduction">The Vimeo Blog</span></span> </div> <section class="topnav_mobile_menu js-topnav_mobile_menu_main"> <div class="topnav_mobile_bar"> <button class="topnav_mobile_button topnav_mobile_pull_left js-topnav_mobile_header_close topnav_icon_mobile_x_b"> </button> <button class="topnav_mobile_button topnav_mobile_pull_right js-topnav_mobile_header_settings topnav_icon_mobile_gear_b"> </button> </div> <ul> <li> <a data-action="menu.close" class="topnav_icon_mobile_channel_b " href="/web/20160826205729/https://vimeo.com/"> Staff Picks </a> </li> <li> <a data-action="last_page" data-breeze-ignore class="topnav_icon_mobile_avatar_b " href="/web/20160826205729/https://vimeo.com/join"> <span class="menu_auth">Join or log in</span> </a> </li> <li> <a data-breeze-ignore class="topnav_icon_mobile_star_b" href="/web/20160826205729/https://vimeo.com/watch"> Watch </a> </li> <li> <a onclick="vimeo.mobile.desktop_shared._upload(this); return false;" data-breeze-ignore class="topnav_icon_mobile_upload_b" href="/web/20160826205729/https://vimeo.com/upload"> Upload </a> </li> <li> <a data-breeze-ignore class="topnav_icon_mobile_vod_b " href="/web/20160826205729/https://vimeo.com/ondemand"> On Demand </a> </li> <li> <a data-action="menu.close" class="topnav_icon_mobile_forgot_b " href="/web/20160826205729/https://vimeo.com/help/faq"> Help </a> </li> </ul> </section> <section class="topnav_mobile_menu topnav_mobile_menu_settings js-topnav_mobile_menu_settings"> <div class="topnav_mobile_bar"> <button class="topnav_mobile_button topnav_mobile_pull_left js-topnav_mobile_header_settins_close topnav_icon_mobile_arrowleft_b"> </button> <span class="topnav_mobile_header_title">More stuff</span> </div> <ul> <li> <a data-action="menu.close" class=" " href="/web/20160826205729/https://vimeo.com/terms"> Terms of Service </a> </li> <li> <a data-action="menu.close" class=" " href="/web/20160826205729/https://vimeo.com/privacy"> Privacy Policy </a> </li> <li> <a data-action="menu.close" class=" " href="/web/20160826205729/https://vimeo.com/dmca"> Copyright </a> </li> <li> <a data-action="menu.close" class=" " href="/web/20160826205729/https://vimeo.com/cookie_policy"> Cookies </a> </li> <li> <a data-action="desktop" onclick="vimeo.mobile.desktop_shared._s2ds(); return false" href="javascript:void(0)"> Desktop site </a> </li> <li> <a language href="#"> Language </a> <select onchange="vimeo.mobile.desktop_shared._s2l(this)" title="Choose a different language" class="topnav_mobile_menu_settings_language"> <option class="selected" selected value="en" name="select_language"> English </option> <option value="es" name="select_language"> Español </option> <option value="de-DE" name="select_language"> Deutsch </option> <option value="fr-FR" name="select_language"> Français </option> <option value="ja-JP" name="select_language"> 日本語 </option> <option value="pt-BR" name="select_language"> Português </option> <option value="ko-KR" name="select_language"> 한국어 </option> </select> </li> <li> <a data-action="menu.close" class=" " href="/web/20160826205729/https://vimeo.com/faq"> FAQ </a> </li> </ul> <div class="topnav_mobile_menu_copyright">TM + © 2016 Vimeo, Inc.</div> </section> </nav> <script> !function(a,b){a.vimeo=a.vimeo||{},vimeo.mobile=vimeo.mobile||{},Vimeo=vimeo.mobile||{},Vimeo.desktop_shared=Vimeo.desktop_shared||{};var c=b.getElementById("topnav_desktop"),d="ontouchstart"in a?"touchstart":a.PointerEvent?"pointerdown":a.MSPointerEvent?"MSPointerDown":"click";"click"!==d&&c.addEventListener(d,function(a){var b="img"===a.target.tagName.toLowerCase()?a.target.parentNode:a.target;b.classList.contains("topnav_has_dropdown")&&(a.preventDefault(),a.stopPropagation())},!1),c.addEventListener(d,function(c){c.target.classList.contains("js-topnav_menu_auth")&&(b.cookie="last_page="+encodeURIComponent(a.location.pathname)+";path='/';max-age=1800;")},!1),Vimeo.desktop_shared._upload=function(c){if(/iPad|iPhone|iPod/.test(navigator.userAgent)){var f,g,d="vimeo://app.vimeo.com/upload?ref=mobileweb",e="/upload";return f=function(){b.webkitHidden||(a.location=e)},g=function(){a.location=d,setTimeout(f,25)},g(),!1}a.location=c.href},Vimeo.desktop_shared._s2ds=function(){b.cookie="opt_out_mobile=1;expires=Fri, 31 Dec 9999 23:59:59 GMT;domain="+vimeo.domain,a.location.reload()},Vimeo.desktop_shared._s2l=function(b){var c=b.value,d=new XMLHttpRequest;d.open("POST","/settings/locale"),d.setRequestHeader("X-Requested-With","XMLHttpRequest"),d.setRequestHeader("Content-type","application/x-www-form-urlencoded"),d.send("locale="+c+"&token="+vimeo.xsrft),d.onload=function(){200===d.status&&a.location.reload()}};var e="click",f="block",g="none",h=b.querySelector(".js-topnav_mobile_header_logo");h&&h.addEventListener(e,function(a){a.stopPropagation(),a.preventDefault();var c=b.querySelector(".js-topnav_mobile_menu_main");c.style.display=f;var d=b.querySelector(".js-topnav_mobile_header_close");d.addEventListener(e,function(a){a.stopPropagation(),a.preventDefault(),c.style.display=g});var h=b.querySelector(".js-topnav_mobile_menu_settings"),i=b.querySelector(".js-topnav_mobile_header_settings");i.addEventListener(e,function(a){a.stopPropagation(),a.preventDefault(),h.style.display=f,c.style.display=g;var d=b.querySelector(".js-topnav_mobile_header_settins_close");d.addEventListener(e,function(a){a.stopPropagation(),a.preventDefault(),h.style.display=g,c.style.display=f})})},!1),setTimeout(function(){function f(a){var b=new XMLHttpRequest;b.open("POST","/settings/nav"),b.setRequestHeader("X-Requested-With","XMLHttpRequest"),b.setRequestHeader("Content-type","application/x-www-form-urlencoded"),b.send("message_state="+a+"&token="+vimeo.xsrft),b.onload=function(){}}var a=b.getElementById("topnav_menu_avatar");if(a){var c=a.querySelector(".topnav_menu_avatar_bubble"),e=(a.querySelector("#topnav_user_dropdown"),!1);c&&c.classList.add("on"),a.addEventListener("mouseover",function(){e||(e=!0,c&&c.classList.remove("on"),f(1))},!1)}},1e3)}(window,document); </script> <div class="wrap_content"> <header class="blog_nav_container blog_nav_container_post"> <h1 class="blog_nav_header"><a href="/web/20160826205729/https://vimeo.com/blog">The Vimeo Blog</a></h1> <nav class="blog_nav js-blog_nav"> <div class="nav_list_item nav_list_item_current"> <span class=""> </span> <button class="js-blog_nav_toggle nav_toggle"> <span></span> </button> </div> <ul class="blog_nav_list"> <li class="nav_list_item nav_list_item_home"> <a href="/web/20160826205729/https://vimeo.com/blog" class="nav_item_link"> Blog Home </a> </li> <li class="nav_list_item"> <a href="/web/20160826205729/https://vimeo.com/blog/category/now-playing" class="nav_item_link"> Now Playing </a> </li> <li class="nav_list_item"> <a href="/web/20160826205729/https://vimeo.com/blog/category/video-school" class="nav_item_link nav_item_link_active"> Video School </a> </li> <li class="nav_list_item"> <a href="/web/20160826205729/https://vimeo.com/blog/category/business-tips" class="nav_item_link"> Business Tips </a> </li> <li class="nav_list_item"> <a href="/web/20160826205729/https://vimeo.com/blog/category/selling-videos" class="nav_item_link"> Selling Videos </a> </li> <li class="nav_list_item"> <a href="/web/20160826205729/https://vimeo.com/blog/category/vimeo-hq" class="nav_item_link"> Vimeo HQ </a> </li> <li class="nav_list_item nav_list_item_search"> <form action="/web/20160826205729/https://vimeo.com/blog/search" method="get" class="js-search_form nav_item_search"> <input name="q" value="" type="text" class="nav_search_input js-search_field" placeholder="Search Blog" autocomplete="off"/> <button type="submit" class="iconify btn_nav_search">s</button> </form> </li> </ul> </nav> </header> <div class="blog_post"> <div class="post_inner"> <header class="row post_header"> <div class="small-24 columns"> <div class="post_header_links clearfix post_header_links_vs"> <a class="post_category_vs" href="/web/20160826205729/https://vimeo.com/blog/category/video-school"> <img src="https://web.archive.org/web/20160826205729im_/https://f.vimeocdn.com/images_v6/icons/icon_vvs.png" srcset="https://web.archive.org/web/20160826205729im_/https://f.vimeocdn.com/images_v6/icons/icon_vvs@2x.png 2x" alt="Video School"> </a> <a class="post_category" href="/web/20160826205729/https://vimeo.com/blog/category/video-school"> Video School </a> <a href="/web/20160826205729/https://vimeo.com/blog" class="post_link_home">More Posts</a> </div> <h1 class="post_title">The basics of B-roll</h1> </div> </header> <div class="post_details row"> <div class="post_publish small-24 medium-12 columns"> <a class="author_img_wrapper" href="/web/20160826205729/https://vimeo.com/blog/author/jamiemcaleney"> <img src="https://web.archive.org/web/20160826205729im_/https://i.vimeocdn.com/portrait/5309735_50x50" srcset="https://web.archive.org/web/20160826205729im_/https://i.vimeocdn.com/portrait/5309735_100x100 2x" alt="Jamie McAleney" class="author_img"> </a> <div class="publish_details"> <span class="publish_date">August 22, 2016</span> <span class="publish_preposition">by</span> <a href="/web/20160826205729/https://vimeo.com/blog/author/jamiemcaleney">Jamie McAleney</a> <a tabindex="-1" href="/web/20160826205729/https://vimeo.com/about" title="Learn more about Vimeo" data-gtm-click="badge_staff_click"> <span class="iris_badge iris_badge--staff badge badge--staff badge_staff"> Staff </span> </a> </div> </div> <div class="small-24 medium-12 columns"> <ul class="post_social post_social_sm clearfix"> <li class="social_item social_item_label"> <span>Share:</span> </li> <li class="social_item social_item_comments"> <a href="#comment" class="social_link social_link_comments viconify_comment_b" data-fatal-attraction="container:blog_byline|component:comment" title="Leave a Comment"> <span class="social_count js-social_count_comments">2</span> </a> </li> <li class="social_item social_item_facebook"> <a href="https://web.archive.org/web/20160826205729/http://www.facebook.com/sharer.php?u=https://vimeo.com/blog/post/the-basics-of-b-roll" rel="nofollow" class="js-social_share social_link" data-gtm-click="blog_social_share_click|network:facebook" data-fatal-attraction="container:blog_byline|component:social_share|keyword:facebook" title="Share on Facebook"> <i class="social_icon icon icon_facebook">Facebook</i> </a> </li> <li class="social_item social_item_twitter"> <a href="https://web.archive.org/web/20160826205729/https://twitter.com/intent/tweet?text=The+basics+of+B-roll+via+the+%23Vimeo+blog.&url=https%3A%2F%2Fvimeo.com%2Fblog%2Fpost%2Fthe-basics-of-b-roll" rel="nofollow" class="js-social_share social_link" data-gtm-click="blog_social_share_click|network:twitter" data-fatal-attraction="container:blog_byline|component:social_share|keyword:twitter" title="Share on Twitter"> <i class="social_icon icon icon_twitter">Twitter</i> </a> </li> <li class="social_item social_item_linkedin"> <a href="https://web.archive.org/web/20160826205729/https://www.linkedin.com/shareArticle?mini=1&url=https%3A%2F%2Fvimeo.com%2Fblog%2Fpost%2Fthe-basics-of-b-roll&title=The+basics+of+B-roll&summary=Spice+up+your+edit+and+engage+your+viewers+with+this+B-roll+refresher.&source=https%3A%2F%2Fvimeo.com" rel="nofollow" class="js-social_share social_link" data-fatal-attraction="container:blog_byline|component:social_share|keyword:linkedin" data-gtm-click="blog_social_share_click|network:linkedin" title="Share on Linkedin"> <i class="social_icon icon icon_linkedin">Linkedin</i> </a> </li> <li class="social_item social_item_googleplus"> <a href="https://web.archive.org/web/20160826205729/https://plus.google.com/share?url=https://vimeo.com/blog/post/the-basics-of-b-roll" rel="nofollow" class="js-social_share social_link" data-gtm-click="blog_social_share_click|network:googleplus" data-fatal-attraction="container:blog_byline|component:social_share|keyword:googleplus" title="Share on Google Plus"> <i class="social_icon icon icon_googleplus">Google Plus</i> </a> </li> </ul> </div> </div> </div> <div class="row"> <div class="post_content_wrapper small-24 columns"> <div class="post_content"> <p>A long time ago on a website not so far, far away (in fact, it was this website), our very own <a href="https://web.archive.org/web/20160826205729/https://vimeo.com/cameronchristopher">Cameron</a> taught us how to <a href="https://web.archive.org/web/20160826205729/https://vimeo.com/blog/post/cover-your-backside-with-b-roll">cover our backsides with B-roll</a>. In the spirit of #gettinglearnt, we decided it was about time to revisit the subject, brush up on key terms, and share some pointers.</p> <p>The terms “A-roll” and “B-roll” originated back in the day, and it was a way for film editors to differentiate rolls of footage to thread into the projectors and create visual cutaways. Nowadays, A-roll and B-roll is most often associated with interviews and news reporting, although we can broadly break down almost every kind of video into these two categories. Let’s dive into the difference between our As and Bs, followed by some best practices you can put to use for your next video.</p> <style>.player{width:100%;height:100%;background-color:#000;}.player>video{display:none !important}</style> <div id="clip_117810282" class="player_container js-player_container_117810282" style=""> <div id="player_1_57c0ad393b8fb" class="player js-player widescreen uwidescreen" data-config-url="https://player.vimeo.com/video/117810282/config?context=Vimeo%5CController%5CBlogController.post&s=3630a5d501fc2c14e9ce0fe7a5bba60bdaedc308_1472345849" data-fallback-url="//player.vimeo.com/video/117810282/fallback?js" style="width:100%;height:0;padding-bottom:56.25%;" data-clip-padding-percent="56.25" data-clip-id="117810282"> <noscript> <object id="flash-object" type="application/x-shockwave-flash" width="100%" height="100%" data="//web.archive.org/web/20160826205729im_/https://player.vimeo.com/moog/117810282"> <param name="flashvars" value="clip_id=117810282&api=1&moogaloop_type=moogaloop_local&noscript"> <param name="movie" value="//player.vimeo.com/moog/117810282?noscript"> <param name="allowfullscreen" value="true"> <param name="allowscriptaccess" value="always"> <param name="wmode" value="opaque"> <param name="quality" value="high"> <param name="scalemode" value="noscale"> <param name="bgcolor" value="#000000"> <div class="fallback"><iframe src="//web.archive.org/web/20160826205729if_/https://player.vimeo.com/video/117810282/fallback?noscript" frameborder="0"></iframe></div> </object> </noscript> </div> </div> <h2 class="" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0.5em; line-height: 24px;"><b>B-rollin’ with the homies</b></h2> <p>A-roll is used to describe any footage of your subject or your main shot. Think of a person being interviewed, or the central action taking place.</p> <p>B-roll is the supplemental footage used as cutaways in a sequence, and it adds visual meaning to your videos and helps tell a more colorful story. These cutaways often show simultaneous actions taking place outside of the main shot’s vantage point, which establishes the environment and gives the audience more information. Essentially, B-roll makes your videos more interesting to watch than a static shot of your subject.</p> <p>On top of adding a certain<i> je ne sais quoi</i> to your films, B-roll is also super duper important in the editing process! It often acts as safety footage, allowing your editor flexibility and coverage to disguise jump cuts and fix distracting footage faux pas. </p> <p>It’s worth noting that B-roll can very well be shots of your subject, too. Say you’re doing a piece on a doctor: you may want to grab some shots of the M.D. putting on gloves or scribbling on a notepad to splice into your edit. Although these have your subject in them, cutting away from the main interview or action with them makes them amazing B-roll opportunities.</p> <p>See if you can decide which shots in this edit of Gigi Hadid are considered A-roll and which are considered B-roll. (Spoiler alert: the shots of her talking directly to the camera are NOT the B-roll.)</p> <div id="clip_135281691" class="player_container js-player_container_135281691" style=""> <div id="player_2_57c0ad393d747" class="player js-player widescreen uwidescreen" data-config-url="https://player.vimeo.com/video/135281691/config?context=Vimeo%5CController%5CBlogController.post&s=4bc06fedbc552ed7c38aa6aa52d4ed9f0ad47335_1472345849" data-fallback-url="//player.vimeo.com/video/135281691/fallback?js" style="width:100%;height:0;padding-bottom:56.25%;" data-clip-padding-percent="56.25" data-clip-id="135281691"> <noscript> <object id="flash-object" type="application/x-shockwave-flash" width="100%" height="100%" data="//web.archive.org/web/20160826205729im_/https://player.vimeo.com/moog/135281691"> <param name="flashvars" value="clip_id=135281691&api=1&moogaloop_type=moogaloop_local&noscript"> <param name="movie" value="//player.vimeo.com/moog/135281691?noscript"> <param name="allowfullscreen" value="true"> <param name="allowscriptaccess" value="always"> <param name="wmode" value="opaque"> <param name="quality" value="high"> <param name="scalemode" value="noscale"> <param name="bgcolor" value="#000000"> <div class="fallback"><iframe src="//web.archive.org/web/20160826205729if_/https://player.vimeo.com/video/135281691/fallback?noscript" frameborder="0"></iframe></div> </object> </noscript> </div> </div> <h2 class="" style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0.5em; line-height: 24px;"><b>Tips to rock and B-roll</b></h2> <p>With a little creativity (and a whole lot of planning), even a video crew of one can achieve amazing A- and B-roll coverage. “So how can I become a B-roll badass,” you ask? I’ll tell you!</p> <p><b>Make a plan</b></p> <p><a href="https://web.archive.org/web/20160826205729/https://vimeo.com/blog/post/learn-the-art-of-pre-production-and-why-it-matters">Pre-production is *key.*</a> Pinpoint who or what the subject of your video is, and make a list of visuals that would support and enhance your narrative. B-roll may look effortlessly spliced into video edits, but as any filmmaker will tell you, plenty of thought went into those shots!</p> <p><b>Variety is the spice of life + videos</b></p> <p>Shoot a lot and change it up. Make sure you have plenty of footage to use for coverage later, and keep it interesting! Varying your shots and angles will make for a more complex and appealing edit.</p> <p><b>Formalize the organize</b></p> <p>No matter how much pre-production you do, you can always count on the unexpected to come up on the day of a shoot. The excitement of being on-set or in the field can sometimes throw you, but remember: organization is paramount. Whether you edit your footage yourself or hand it off to another editor, nobody wants to spend hours rifling through footage to find the perfect piece of B-roll.</p> <p>Some choose to keep A-roll and B-roll on separate storage cards completely, but you do you, boo! Even if it’s simply jotting down timecodes, make sure you and/or your editor have a way to narrow down the hunt later on.</p> <p><b>When in doubt, Dugdale it out</b></p> <p>Vimeo all-star <a href="https://web.archive.org/web/20160826205729/https://vimeo.com/dugdale">Dave Dugdale</a> has been posting awesome tutorials and gear review vids for years now. If you’re ever in a B-roll bind and need some additional words of wisdom, tune into his great guide below.</p> <div id="clip_48696002" class="player_container js-player_container_48696002" style=""> <div id="player_3_57c0ad3940151" class="player js-player widescreen uwidescreen" data-config-url="https://player.vimeo.com/video/48696002/config?context=Vimeo%5CController%5CBlogController.post&s=8132bda4aecff0070d933e101d04e95f1c5048f0_1472345849" data-fallback-url="//player.vimeo.com/video/48696002/fallback?js" style="width:100%;height:0;padding-bottom:56.25%;" data-clip-padding-percent="56.25" data-clip-id="48696002"> <noscript> <object id="flash-object" type="application/x-shockwave-flash" width="100%" height="100%" data="//web.archive.org/web/20160826205729im_/https://player.vimeo.com/moog/48696002"> <param name="flashvars" value="clip_id=48696002&api=1&moogaloop_type=moogaloop_local&noscript"> <param name="movie" value="//player.vimeo.com/moog/48696002?noscript"> <param name="allowfullscreen" value="true"> <param name="allowscriptaccess" value="always"> <param name="wmode" value="opaque"> <param name="quality" value="high"> <param name="scalemode" value="noscale"> <param name="bgcolor" value="#000000"> <div class="fallback"><iframe src="//web.archive.org/web/20160826205729if_/https://player.vimeo.com/video/48696002/fallback?noscript" frameborder="0"></iframe></div> </object> </noscript> </div> </div> <p>And there you have it, B-roll badass. Now go forth and conquer your next project with these tips in mind!</p> </div> </div> </div> <div class="post_inner"> <div class="post_tags row"> <ul class="inline_list small-24 columns"> <li class="tag_item">Tags:</li> <li class="tag_item"> <a class="tag_link" href="/web/20160826205729/https://vimeo.com/blog/tag:video+school">Video School</a>, </li> <li class="tag_item"> <a class="tag_link" href="/web/20160826205729/https://vimeo.com/blog/tag:b-roll">B-roll</a>, </li> <li class="tag_item"> <a class="tag_link" href="/web/20160826205729/https://vimeo.com/blog/category/video-school/tag:shooting">Shooting</a> </li> </ul> </div> <div class="row"> <div class="small-24 columns"> <ul class="post_social post_social_lg clearfix"> <li class="social_item social_item_label"> <span>Share:</span> </li> <li class="social_item social_item_comments"> <a href="#comment" class="social_link social_link_comments viconify_comment_b" data-fatal-attraction="container:blog_article_end|component:comment" title="Leave a Comment"> <span class="social_count js-social_count_comments">0</span> </a> </li> <li class="social_item social_item_facebook"> <a href="https://web.archive.org/web/20160826205729/http://www.facebook.com/sharer.php?u=https://vimeo.com/blog/post/the-basics-of-b-roll" rel="nofollow" class="js-social_share social_link" data-gtm-click="blog_social_share_click|network:facebook" data-fatal-attraction="container:blog_article_end|component:social_share|keyword:facebook" title="Share on Facebook"> <i class="social_icon icon icon_facebook">Facebook</i> </a> </li> <li class="social_item social_item_twitter"> <a href="https://web.archive.org/web/20160826205729/https://twitter.com/intent/tweet?text=The+basics+of+B-roll+via+the+%23Vimeo+blog.&url=https%3A%2F%2Fvimeo.com%2Fblog%2Fpost%2Fthe-basics-of-b-roll" rel="nofollow" class="js-social_share social_link" data-gtm-click="blog_social_share_click|network:twitter" data-fatal-attraction="container:blog_article_end|component:social_share|keyword:twitter" title="Share on Twitter"> <i class="social_icon icon icon_twitter">Twitter</i> </a> </li> <li class="social_item social_item_linkedin"> <a href="https://web.archive.org/web/20160826205729/https://www.linkedin.com/shareArticle?mini=1&url=https%3A%2F%2Fvimeo.com%2Fblog%2Fpost%2Fthe-basics-of-b-roll&title=The+basics+of+B-roll&summary=Spice+up+your+edit+and+engage+your+viewers+with+this+B-roll+refresher.&source=https%3A%2F%2Fvimeo.com" rel="nofollow" class="js-social_share social_link" data-fatal-attraction="container:blog_article_end|component:social_share|keyword:linkedin" data-gtm-click="blog_social_share_click|network:linkedin" title="Share on Linkedin"> <i class="social_icon icon icon_linkedin">Linkedin</i> </a> </li> <li class="social_item social_item_googleplus"> <a href="https://web.archive.org/web/20160826205729/https://plus.google.com/share?url=https://vimeo.com/blog/post/the-basics-of-b-roll" rel="nofollow" class="js-social_share social_link" data-gtm-click="blog_social_share_click|network:googleplus" data-fatal-attraction="container:blog_article_end|component:social_share|keyword:googleplus" title="Share on Google Plus"> <i class="social_icon icon icon_googleplus">Google Plus</i> </a> </li> </ul> </div> </div> <div class="row post_authors_single "> <div class="post_author small-24 columns"> <a href="/web/20160826205729/https://vimeo.com/blog/author/jamiemcaleney" class="author_img_wrapper"> <img src="https://web.archive.org/web/20160826205729im_/https://i.vimeocdn.com/portrait/5309735_50x50" srcset="https://web.archive.org/web/20160826205729im_/https://i.vimeocdn.com/portrait/5309735_100x100 2x" alt="Jamie McAleney" class="author_img"> </a> <div class="author_info"> <div class="author_title"> <a class="author_name" href="/web/20160826205729/https://vimeo.com/blog/author/jamiemcaleney"> Jamie McAleney </a> <span class="author_job">Coordinator, Content & Community</span> <a tabindex="-1" href="/web/20160826205729/https://vimeo.com/about" title="Learn more about Vimeo" data-gtm-click="badge_staff_click"> <span class="iris_badge iris_badge--staff badge badge--staff badge_staff"> Staff </span> </a> </div> <div class="author_description"> Jamie joined Vimeo’s community team to help keep the uploaders uploadin’ and the viewers viewin’. She is a much-needed addition to the underrepresented redhead population here. </div> <a href="/web/20160826205729/https://vimeo.com/blog/author/jamiemcaleney" class="author_more_link"> + See all of Jamie’s posts </a> </div> </div> </div> </div> <section class="post_related"> <div class="post_inner"> <heading class="row"> <h3 class="related_header small-24 columns"> More from <a href="/web/20160826205729/https://vimeo.com/blog/category/video-school">Video School</a> </h3> </heading> <div class="row"> <div class="related_articles_wrapper"> <div class="js-carousel related_articles"> <article class="small-8 columns related_article"> <div class="related_article_inner"> <a href="/web/20160826205729/https://vimeo.com/blog/post/make-a-travel-video-straight-from-your-phone-with" class="article_img_link"> <img class="article_img" src="https://web.archive.org/web/20160826205729im_/https://i.vimeocdn.com/video/527178883_300x169.jpg" srcset="https://web.archive.org/web/20160826205729im_/https://i.vimeocdn.com/video/527178883_600x338.jpg 2x" title="Make a travel video straight from your phone with Cameo"> </a> <a href="/web/20160826205729/https://vimeo.com/blog/post/make-a-travel-video-straight-from-your-phone-with" class="article_heading" title="Make a travel video straight from your phone with Cameo"> Make a travel video straight from your phone with Cameo </a> <div class="article_description txt_fade" data-ellipsis="3"> Ditch the heavy gear and travel light with our mobile-editing app. </div> </div> </article> <article class="small-8 columns related_article"> <div class="related_article_inner"> <a href="/web/20160826205729/https://vimeo.com/blog/post/how-to-land-your-first-job-in-film" class="article_img_link"> <img class="article_img" src="https://web.archive.org/web/20160826205729im_/https://i.vimeocdn.com/video/464124873_300x169.jpg" srcset="https://web.archive.org/web/20160826205729im_/https://i.vimeocdn.com/video/464124873_600x338.jpg 2x" title="How to land your first job in film"> </a> <a href="/web/20160826205729/https://vimeo.com/blog/post/how-to-land-your-first-job-in-film" class="article_heading" title="How to land your first job in film"> How to land your first job in film </a> <div class="article_description txt_fade" data-ellipsis="3"> From learning movie history to networking effectively, here are six steps to help you land that first gig. </div> </div> </article> <article class="small-8 columns related_article"> <div class="related_article_inner"> <a href="/web/20160826205729/https://vimeo.com/blog/post/give-gifts-of-highly-helpful-gear-while-minding-yo" class="article_img_link"> <img class="article_img" src="https://web.archive.org/web/20160826205729im_/https://i.vimeocdn.com/blog/364_300x169.jpeg" srcset="https://web.archive.org/web/20160826205729im_/https://i.vimeocdn.com/blog/364_600x338.jpeg 2x" title="Give the gift of gear while minding your wallet"> </a> <a href="/web/20160826205729/https://vimeo.com/blog/post/give-gifts-of-highly-helpful-gear-while-minding-yo" class="article_heading" title="Give the gift of gear while minding your wallet"> Give the gift of gear while minding your wallet </a> <div class="article_description txt_fade" data-ellipsis="3"> Our production team shares their film-related gifts ideas, ranging from $25 and under to fantasy items for bottomless budgets. </div> </div> </article> </div> </div> </div> </div> </section> <div class="post_inner"> <div class="row"> <div id="comments" class="post_comments small-24 columns"> <div class="comments_hide"> <input type="hidden" class="offset" value="0"> <input type="hidden" class="page_size" value="100"> <input type="hidden" class="total_discussions" value="2"> <input type="hidden" class="discussion_ids" value="14889606,14890023"> <h3 class="comment_count js-comment_count"> <span id="count" class="js-counter">2 Comments</span> </h3> <div id="articles" class="comment_list js-comment_list"> <article id="comment_14889606" class="clearfix js-comment_element comment_wrapper main comment_14889606 js-comment"> <div class="row"> <div class="columns portrait_container"> <a class="portrait_wrapper" href="/web/20160826205729/https://vimeo.com/user40129427"> <img src="https://web.archive.org/web/20160826205729im_/https://secure.gravatar.com/avatar/cc32b899a6d6f903fd5887cda6d3fd4a?d=https%3A%2F%2Fi.vimeocdn.com%2Fportrait%2Fdefaults-green_75x75.png&s=75" srcset="https://web.archive.org/web/20160826205729im_/https://secure.gravatar.com/avatar/cc32b899a6d6f903fd5887cda6d3fd4a?d=https%3A%2F%2Fi.vimeocdn.com%2Fportrait%2Fdefaults-green_150x150.png&s=150 2x" alt="Walter Botteldoorne" class="portrait portrait_lg"> </a> </div> <div class="comment columns"> <div class="comment_body"> <p class="meta"> <a href="/web/20160826205729/https://vimeo.com/user40129427" class="meta">Walter Botteldoorne</a> <time datetime="2016-08-26T12:21:23-04:00" title="Friday, August 26, 2016 at 12:21 PM" pubdate>4 hours ago</time> </p> <div class="text js-comment_text"> <p class="first">heel prachtige beelden genomen tijdens de klim proficiat</p> </div> </div> </div> </div> </article> <article id="comment_14890023" class="clearfix js-comment_element comment_wrapper main comment_14890023 js-comment"> <div class="row"> <div class="columns portrait_container"> <a class="portrait_wrapper" href="/web/20160826205729/https://vimeo.com/user35548682"> <img src="https://web.archive.org/web/20160826205729im_/https://secure.gravatar.com/avatar/bcf3035b7e9f630305cee88402c40abc?d=https%3A%2F%2Fi.vimeocdn.com%2Fportrait%2Fdefaults-green_75x75.png&s=75" srcset="https://web.archive.org/web/20160826205729im_/https://secure.gravatar.com/avatar/bcf3035b7e9f630305cee88402c40abc?d=https%3A%2F%2Fi.vimeocdn.com%2Fportrait%2Fdefaults-green_150x150.png&s=150 2x" alt="Don Van Patten" class="portrait portrait_lg"> </a> </div> <div class="comment columns"> <div class="comment_body"> <p class="meta"> <a href="/web/20160826205729/https://vimeo.com/user35548682" class="meta">Don Van Patten</a> <a tabindex="-1" href="/web/20160826205729/https://vimeo.com/plus" title="Learn more about Vimeo Plus" data-gtm-click="badge_plus_click" data-fatal-attraction="container:badge|component:upgrade_link|keyword:plus"> <span class="iris_badge iris_badge--plus badge badge--plus badge_plus"> Plus </span> </a> <time datetime="2016-08-26T15:31:47-04:00" title="Friday, August 26, 2016 at 3:31 PM" pubdate>1 hour ago</time> </p> <div class="text js-comment_text"> <p class="first">He said, "very beautiful images taken during the climb congrats" LoL.</p> </div> </div> </div> </div> </article> <form action="/web/20160826205729/https://vimeo.com/blog/post/the-basics-of-b-roll" method="post" id="comment" class="comment_creator js-new_comment_form"> <div class="row"> <p class="no_comments"> This conversation is missing your voice. Please <a href="/web/20160826205729/https://vimeo.com/join">join Vimeo</a> or <a href="/web/20160826205729/https://vimeo.com/log_in" data-lightbox data-lightbox-options="">log in</a>. </p> </div> </form> </div> </div>  </div> </div> <div class="post_subscribe clearfix"> <div class="subscribe_form_horizontal"> <form class="js-subscribe_form subscribe_form alert_right"> <h4 class="subscribe_label"> Get weekly blog updates </h4> <div class="subscribe_input"> <div class="subscribe_email_container clearfix"> <input type="text" class="js-subscribe_email subscribe_email" placeholder="Subscribe with your email address"/> <button class="btn btn_subscribe" type="submit" data-fatal-attraction="container:blog_footer|component:newsletter_subscribe"> Subscribe </button> <div class="subscribe_error"> Please enter a valid email address. </div> <div class="subscribe_warning"> Email address is already subscribed. </div> <div class="subscribe_success viconify_check_b"> <div class="subscribe_success_msg"> <b>Subscribed!</b> Keep an eye on your inbox. </div> </div> </div> </div> </form> </div> <div class="follow_social"> <h4 class="follow_label">Follow us</h4> <ul class="follow_links inline_list"> <li> <a href="https://web.archive.org/web/20160826205729/https://www.facebook.com/Vimeo" rel="nofollow" target="_blank" class="btn_follow icon icon_facebook" data-gtm-click="blog_social_follow_click|network:facebook" data-fatal-attraction="container:blog_footer|component:social_follow|keyword:facebook" title="Follow us on Facebook"> Facebook </a> </li> <li> <a href="https://web.archive.org/web/20160826205729/https://twitter.com/vimeo" rel="nofollow" target="_blank" class="btn_follow icon icon_twitter" data-gtm-click="blog_social_follow_click|network:twitter" data-fatal-attraction="container:blog_footer|component:social_follow|keyword:twitter" title="Follow us on Twitter"> Twitter </a> </li> <li> <a href="https://web.archive.org/web/20160826205729/https://www.linkedin.com/company/167813" rel="nofollow" target="_blank" class="btn_follow icon icon_linkedin" data-gtm-click="blog_social_follow_click|network:linkedin" data-fatal-attraction="container:blog_footer|component:social_follow|keyword:linkedin" title="Follow us on Linkedin"> Linkedin </a> </li> <li> <a href="https://web.archive.org/web/20160826205729/https://plus.google.com/+vimeo" rel="nofollow" target="_blank" class="btn_follow icon icon_googleplus" data-gtm-click="blog_social_follow_click|network:googleplus" data-fatal-attraction="container:blog_footer|component:social_follow|keyword:googleplus" title="Follow us on Google Plus"> Google Plus </a> </li> <li> <a href="https://web.archive.org/web/20160826205729/http://vimeo.tumblr.com/" rel="nofollow" target="_blank" class="btn_follow icon icon_tumblr" data-gtm-click="blog_social_follow_click|network:tumblr" data-fatal-attraction="container:blog_footer|component:social_follow|keyword:tumblr" title="Follow us on Tumblr"> Tumblr </a> </li> <li> <a href="https://web.archive.org/web/20160826205729/https://instagram.com/vimeo" rel="nofollow" target="_blank" class="btn_follow icon icon_instagram" data-gtm-click="blog_social_follow_click|network:instagram" data-fatal-attraction="container:blog_footer|component:social_follow|keyword:instagram" title="Follow us on Instagram"> Instagram </a> </li> <li> <a href="https://web.archive.org/web/20160826205729/https://medium.com/@vimeo" rel="nofollow" target="_blank" class="btn_follow icon icon_medium" data-gtm-click="blog_social_follow_click|network:medium" data-fatal-attraction="container:blog_footer|component:social_follow|keyword:medium" title="Follow us on Medium"> Medium </a> </li> </ul> </div> </div> </div> </div> <div class="hidden"> <iframe src="https://web.archive.org/web/20160826205729if_/https://3797665.fls.doubleclick.net/activityi;src=3797665;type=remar853;cat=vblog;ord=1518865548" width="1" height="1" frameborder="0" style="display:none"></iframe> </div> </div> <footer class="footer_v2 footer_v2--responsive"> <section class="footer_v2__sitemap"> <div class="footer_v2__links"> <section class="footer_v2__link footer_v2_accordion"> <input class="footer_v2_accordion__check" type="checkbox"> <h4 class="footer_v2__link-header"> <span class="footer_v2__link-header-text">Vimeo</span> <div class="footer_v2_accordion__reveal"> <svg class="iris_ic is--12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 8"><path d="M7.707 2.293c-.39-.39-1.024-.39-1.414 0L4 4.586 1.707 2.293c-.39-.39-1.024-.39-1.414 0-.39.39-.39 1.024 0 1.414l3 3c.39.39 1.024.39 1.414 0l3-3c.39-.39.39-1.024 0-1.414z"/></svg> </div> </h4> <ul class="footer_v2__link-list footer_v2_accordion__menu"> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/about" data-gtm-click="footer_link_about_click"> About Vimeo </a> </li> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/blog" data-gtm-click="footer_link_vimeo_blog_click"> Vimeo Blog </a> </li> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/help/guidelines" data-gtm-click="footer_link_vimeo_guidelines_click"> Vimeo Guidelines </a> </li> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="https://web.archive.org/web/20160826205729/https://developer.vimeo.com/" data-gtm-click="footer_link_developers_click"> Developers </a> </li> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/jobs"> Jobs </a> </li> </ul> </section> <section class="footer_v2__link footer_v2_accordion"> <input class="footer_v2_accordion__check" type="checkbox"> <h4 class="footer_v2__link-header"> <span class="footer_v2__link-header-text">Help</span> <div class="footer_v2_accordion__reveal"> <svg class="iris_ic is--12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 8"><path d="M7.707 2.293c-.39-.39-1.024-.39-1.414 0L4 4.586 1.707 2.293c-.39-.39-1.024-.39-1.414 0-.39.39-.39 1.024 0 1.414l3 3c.39.39 1.024.39 1.414 0l3-3c.39-.39.39-1.024 0-1.414z"/></svg> </div> </h4> <ul class="footer_v2__link-list footer_v2_accordion__menu"> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/help" data-gtm-click="footer_link_help_center_click"> Help Center </a> </li> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/videoschool" data-gtm-click="footer_link_video_school_click"> Video School </a> </li> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/help/faq" data-gtm-click="footer_link_faq_click"> FAQ </a> </li> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/forums" data-gtm-click="footer_link_forums_click"> Forums </a> </li> </ul> </section> <section class="footer_v2__link footer_v2_accordion"> <input class="footer_v2_accordion__check" type="checkbox"> <h4 class="footer_v2__link-header"> <span class="footer_v2__link-header-text">More</span> <div class="footer_v2_accordion__reveal"> <svg class="iris_ic is--12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 8"><path d="M7.707 2.293c-.39-.39-1.024-.39-1.414 0L4 4.586 1.707 2.293c-.39-.39-1.024-.39-1.414 0-.39.39-.39 1.024 0 1.414l3 3c.39.39 1.024.39 1.414 0l3-3c.39-.39.39-1.024 0-1.414z"/></svg> </div> </h4> <ul class="footer_v2__link-list footer_v2_accordion__menu"> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/ondemand" data-gtm-click="footer_link_on_demand_click"> On Demand </a> </li> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/everywhere" data-gtm-click="footer_link_everywhere_click"> Everywhere </a> </li> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/upload" data-gtm-click="footer_link_upload_click"> Upload </a> </li> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/site_map" data-gtm-click="footer_link_site_map_click"> Site Map </a> </li> </ul> </section> <section class="footer_v2__link footer_v2_accordion"> <input class="footer_v2_accordion__check" type="checkbox"> <h4 class="footer_v2__link-header"> <span class="footer_v2__link-header-text">Upgrade</span> <div class="footer_v2_accordion__reveal"> <svg class="iris_ic is--12" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 8 8"><path d="M7.707 2.293c-.39-.39-1.024-.39-1.414 0L4 4.586 1.707 2.293c-.39-.39-1.024-.39-1.414 0-.39.39-.39 1.024 0 1.414l3 3c.39.39 1.024.39 1.414 0l3-3c.39-.39.39-1.024 0-1.414z"/></svg> </div> </h4> <ul class="footer_v2__link-list footer_v2_accordion__menu"> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/plus?v=footer"> Vimeo Plus </a> </li> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/pro?v=footer"> Vimeo PRO </a> </li> <li class="footer_v2__link-item"> <a class="iris_link iris_link--md iris_link--footer" href="/web/20160826205729/https://vimeo.com/business"> Vimeo Business </a> </li> </ul> </section> </div> <aside id="footer_tip" class="footer_v2__tip" aria-live="polite"> <h4 class="footer_v2__tip-header">Did you know?</h4> <p class="active footer_v2__tip-content">The Legend of the Turtleneck: Watch our <a href="https://web.archive.org/web/20160826205729/https://vimeo.com/blog/post:623">Learning Vimeo video series</a> for tips and weird advice from our Community Team.</p> </aside> </section> <section class="footer_v2__auxiliary "> <div class="footer_v2__legal"> <div class="footer_v2__auxiliary-content"> <p>TM + © 2016 Vimeo, Inc. All rights reserved.</p> </div> <ul class="footer_v2__legal-list"> <li class="footer_v2__legal-list-item"> <a class="iris_link" href="/web/20160826205729/https://vimeo.com/terms" title="Terms & Conditions"> Terms </a> </li> <li class="footer_v2__legal-list-item"> <a class="iris_link" href="/web/20160826205729/https://vimeo.com/privacy" title="Privacy Policy"> Privacy </a> </li> <li class="footer_v2__legal-list-item"> <a class="iris_link" href="/web/20160826205729/https://vimeo.com/dmca" title="Copyright Information"> Copyright </a> </li> <li class="footer_v2__legal-list-item"> <a class="iris_link" href="/web/20160826205729/https://vimeo.com/cookie_policy" title="Learn more about how Vimeo uses cookies"> Cookies </a> </li> </ul> <div class="footer_v2__auxiliary-content footer_v2__withlove"> Made with <a href="https://web.archive.org/web/20160826205729/https://vimeo.com/love"><svg class="iris_ic is--12 footer_v2__loveheart footer_v2__auxiliary-icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 12"><path d="M9 2C7.312 2 6 3.5 6 3.5S4.687 2 3 2C1.312 2 0 3.312 0 5c0 3.188 3.75 3.012 6 6 2.25-2.988 6-2.812 6-6 0-1.688-1.313-3-3-3z"/></svg></a> in NYC. </div> </div> <div class="footer_v2__filters footer_v2__auxiliary-content"> <span class="language"> Language: <a class="iris_link" href="#language" onclick="vimeo.Modal.create({content: '/settings/locale', size: 'small'}); return false;" title="Choose a different language">English</a> </span> <span class="footer_v2__filter">Mature content filter: </span><a class="iris_link footer_v2__filters__lang contentfilter js-footer_contentfilter_link" href="javascript:void(0)" onclick="vimeo.Modal.create({content: '/settings/contentrating'})" title="Change your mature content filter">None</a> </div> </section> </footer> </div> <script> var __fa = __fa || []; __fa.push(['trackPageview']); // Analytics Setup var _gtm = _gtm || [], _initial_gtm_state = {"blog_category":"Video School","language":"en","user_status":"logged_out","user_type":"none","ga_universal_id":"UA-76641-8","comscore_site_id":10348289}; _initial_gtm_state['vuid'] = document.cookie.replace(/(?:(?:^|.*;\s*)vuid\s*\=\s*([^;]*).*$)|^.*$/, "$1"); _initial_gtm_state['gtm.start'] = new Date().getTime(); _initial_gtm_state['event'] = 'gtm.js'; _gtm.push(_initial_gtm_state); var _extend = function(){for(var r=arguments[0],n=1,e=arguments.length;e>n;n++){var t=arguments[n];for(var a in t)t.hasOwnProperty(a)&&(r[a]=t[a])}return r}; var CSS_DIR = 'https://web.archive.org/web/20160826205729/https://f.vimeocdn.com/styles/css_opt/', JS_DIR = 'https://web.archive.org/web/20160826205729/https://f.vimeocdn.com/js_opt/', IMAGE_DIR = 'https://web.archive.org/web/20160826205729/https://f.vimeocdn.com/images_v6/', SVG_DIR = 'https://web.archive.org/web/20160826205729/https://f.vimeocdn.com/svg/', BUILD_HASH = '5d930'; var vimeo = _extend((window.vimeo || {}), {"app_version":"v6","domain":"vimeo.com","url":"vimeo.com","cur_user":false,"is_mobile":false}); vimeo.config = _extend((vimeo.config || {}), {"content":{"id":1456,"url":"https:\/\/web.archive.org\/web\/20160826205729\/https:\/\/vimeo.com\/blog\/post\/the-basics-of-b-roll","legacy_url":"https:\/\/web.archive.org\/web\/20160826205729\/https:\/\/vimeo.com\/blog\/post:1456"}}); var localeConfig = { lang: 'en', 'Date': { months: ["January","February","March","April","May","June","July","August","September","October","November","December"], months_abbr: ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"], days: ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"], days_abbr: ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"], // Culture's date order: MM/DD/YYYY dateOrder: ['date', 'month', 'year'], shortDate: '%d/%m/%Y', shortTime: '%I:%M%p', AM: 'AM', PM: 'PM', firstDayOfWeek: 0, // Date.Extras ordinal: function(dayOfMonth){ return dayOfMonth; } }, 'DatePicker': { select_a_time: "Select a time", use_mouse_wheel: "Use the mouse wheel to quickly change value", time_confirm_button: "OK", apply_range: "Apply", cancel: "Cancel", week: "Wk" }, 'Number': { decimal: '.', group: ',', currency: { prefix: '$' } }, 'FormValidator': {"required":"This field is required.","requiredChk":"This field is required."} }; var fullLocale = ''; var Copy = {translate:function(t,i,u){var e='object'!=typeof this.dict[t]?this.dict[t]:i?this.dict[t].plural:this.dict[t].singular;return'object'==typeof u&&(e=this.substitute(e,u)),e},substitute:function(t,i){return void 0!==t.substitute?t.substitute(i):t.replace(/\\?\{([^{}]+)\}/g,function(t,u){return'\\'==t.charAt(0)?t.slice(1):null!=i[u]?i[u]:''})},dict:{}}; Copy.dict = {"did_you_mean_email":"Did you mean <em>{SUGGEST}<\/em>?","email_password_mismatch":"Email and password do not match","just_now":"just now","seconds_ago":{"singular":"{COUNT} second ago","plural":"{COUNT} seconds ago"},"minutes_ago":{"singular":"{COUNT} minute ago","plural":"{COUNT} minutes ago"},"hours_ago":{"singular":"{COUNT} hour ago","plural":"{COUNT} hours ago"},"open_comment_box":"Add new comment instead »","url_unavailable":"Sorry, this url is unavailable.","unsaved_changes_generic":"You have unsaved changes, are you sure you wish to leave?","add":"Add","remove":"Remove","select":"Select","no_followers_for_letter":"You don’t follow anyone that begin with the letter “{PAGE_LETTER}”","share_limit_reached":"You have reached the maximum number of users to share with.","at_least_one":"There must be at least one user.","available":"Available","unavailable":"Unavailable","browse_error_generic":"Sorry, there was an error","browse_error_no_videos":"Sorry, no videos found","follow":"Follow","following":"Following","unfollow":"Unfollow","unfollowing":"Unfollowing","count_comments":{"singular":"{COUNT} comment","plural":"{COUNT} comments"},"first_comment":"Be the first to comment\u2026","no_comments_for_you":"Forbidden. You cannot post comments on this page.","oops":"Oops!","player_try_again":"That wasn't supposed to happen. Please try again in a few minutes.","duration_input_min_duration":"The duration cannot be less than {MIN_DURATION}.","duration_input_max_duration":"The duration cannot be greater than {MAX_DURATION}.","duration_input_invalid_characters":"0-9 and : are the only acceptable inputs.","close":"Close","expand":"Expand","loading":"Loading...","top":"top","advanced_search":"Advanced Search","no_suggestions":"No suggestions","recent_searches":"Recent Searches","search_all":"Search All of Vimeo","email_and_password":"Please enter your email and password","email_address":"Please enter a valid email address","name_email_and_password":"Please enter your name, email, and password","additional_comment_count":{"singular":"{COUNT} additional discussion","plural":"{COUNT} additional discussions"}}; </script> <script src="https://web.archive.org/web/20160826205729js_/https://f.vimeocdn.com/js_opt/utils/player_manager/player_manager.min.js?55ab7083"></script> <script> if (typeof playerAssetUrls !== 'undefined') { PlayerManager.run(playerAssetUrls); } </script> <script src="https://web.archive.org/web/20160826205729js_/https://f.vimeocdn.com/js_opt/logging_combined.min.js?023d4b68"></script> <script src="https://web.archive.org/web/20160826205729js_/https://f.vimeocdn.com/js_opt/ablincoln_combined.min.js?b017347e"></script> <script src="https://web.archive.org/web/20160826205729js_/https://f.vimeocdn.com/js_opt/global_lib_combined.min.js?91a84a36"></script> <script src="https://web.archive.org/web/20160826205729js_/https://f.vimeocdn.com/js_opt/global_combined.min.js?3cf4a2f8"></script> <script src="https://web.archive.org/web/20160826205729js_/https://f.vimeocdn.com/js_opt/blog_combined.min.js?d18359ac"></script> <script async src="//web.archive.org/web/20160826205729js_/https://www.googletagmanager.com/gtm.js?id=GTM-RBKK&l=_gtm"></script> <script> function onVimeoDomReady(e) { _sf_startpt=(new Date()).getTime(); var _sf_async_config = window._sf_async_config = {}; /** CONFIGURATION START **/ _sf_async_config.uid = 60944; _sf_async_config.domain = 'vimeo.com'; _sf_async_config.useCanonical = true; _sf_async_config.sections = 'Video School'; _sf_async_config.authors = 'Jamie McAleney'; /** CONFIGURATION END **/ (function() { function loadChartbeat() { window._sf_endpt = (new Date()).getTime(); var e = document.createElement('script'); e.setAttribute('language', 'javascript'); e.setAttribute('type', 'text/javascript'); e.setAttribute('src', '//web.archive.org/web/20160826205729/https://static.chartbeat.com/js/chartbeat.js'); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != 'function') ? loadChartbeat : function() { oldonload(); loadChartbeat(); }; })(); if (!vimeo.bypass_player_responsive_delegates) { vimeo.player_responsive_delegates = vimeo.player_responsive_delegates || {}; vimeo.player_responsive_delegates.willOpenShareOverlay = vimeo.player_responsive_delegates.willOpenShareOverlay || function(id) { PlayerManager.pauseAllPlayers(); vimeo.share.Popup(id); return false; }; vimeo.player_responsive_delegates.willOpenLoginForm = vimeo.player_responsive_delegates.willOpenLoginForm || function(id, context) { if (typeof vimeo.Modal !== 'undefined') { PlayerManager.pauseAllPlayers(); if (context) { vimeo.Session.create({ player: 1, clip_id: id, context: context }); } else { vimeo.Session.create(); } return false; } }; if (PlayerManager) { PlayerManager.setDefaultDelegate(vimeo.player_responsive_delegates); } } if (PlayerManager) { PlayerManager.dispatchReadySignals(); } } $(document).ready(onVimeoDomReady); </script> </body> </html>