CINXE.COM
About Intros and Outros – Vimeo Help Center
<!DOCTYPE html> <html dir="ltr" lang="en-US"> <head> <meta charset="utf-8" /> <!-- v25418 --> <title>About Intros and Outros – Vimeo Help Center</title> <meta name="description" content="This feature is available for paid Vimeo plans, Standard and above and Business and above. Intros and Outros are short videos (up to 60..." /><meta property="og:image" content="/hc/theming_assets/01HZPZSWFSW8B6FJMXJ8SF8JM7" /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="Vimeo Help Center" /> <meta property="og:title" content="About Intros and Outros" /> <meta property="og:description" content="This feature is available for paid Vimeo plans, Standard and above and Business and above. Intros and Outros are short videos (up to 60 seconds) that you can add to the beginning and end of videos ..." /> <meta property="og:url" content="https://help.vimeo.com/hc/en-us/articles/14799572303505-About-Intros-and-Outros" /> <link rel="canonical" href="https://help.vimeo.com/hc/en-us/articles/14799572303505-About-Intros-and-Outros"> <link rel="alternate" hreflang="de" href="https://help.vimeo.com/hc/de/articles/14799572303505-%C3%9Cber-Intros-und-Outros"> <link rel="alternate" hreflang="en-us" href="https://help.vimeo.com/hc/en-us/articles/14799572303505-About-Intros-and-Outros"> <link rel="alternate" hreflang="es" href="https://help.vimeo.com/hc/es/articles/14799572303505-Acerca-de-introducciones-y-cierres"> <link rel="alternate" hreflang="fr" href="https://help.vimeo.com/hc/fr/articles/14799572303505-%C3%80-propos-de-intros-et-des-outros"> <link rel="alternate" hreflang="ja" href="https://help.vimeo.com/hc/ja/articles/14799572303505-%E3%82%A4%E3%83%B3%E3%83%88%E3%83%AD%E3%81%A8%E3%82%A2%E3%82%A6%E3%83%88%E3%83%AD%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6"> <link rel="alternate" hreflang="ko" href="https://help.vimeo.com/hc/ko/articles/14799572303505-%EC%9D%B8%ED%8A%B8%EB%A1%9C-%EB%B0%8F-%EC%95%84%EC%9A%B0%ED%8A%B8%EB%A1%9C-%EC%A0%95%EB%B3%B4"> <link rel="alternate" hreflang="pt" href="https://help.vimeo.com/hc/pt/articles/14799572303505-Sobre-Intros-e-Telas-P%C3%B3s-V%C3%ADdeo"> <link rel="alternate" hreflang="x-default" href="https://help.vimeo.com/hc/en-us/articles/14799572303505-About-Intros-and-Outros"> <link rel="stylesheet" href="//static.zdassets.com/hc/assets/application-a42a464885a505c24ac3b0ab35047489.css" media="all" id="stylesheet" /> <link rel="stylesheet" type="text/css" href="/hc/theming_assets/15415396/10315422760081/style.css?digest=30312381088913"> <link rel="icon" type="image/x-icon" href="/hc/theming_assets/01HZPZSWKB9ZPE43CY47XS1PC5"> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <!-- Make the translated search clear button label available for use in JS --> <!-- See buildClearSearchButton() in script.js --> <script type="text/javascript">window.searchClearButtonLabelLocalized = "Clear search";</script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> //var assetsHeadBg = "/hc/theming_assets/01HZPZSTPTNY0M951AZ5MA1NX3"; var categoryIcons = { "202594577" : "//theme.zdassets.com/theme_assets/9109816/6be85fdcbfcdb1bf492eec165db4526c265c4ade.png", "202594597" : "//theme.zdassets.com/theme_assets/9109816/f05d67c519e89af3c82cd91dbb0d074acc58aeb4.png", "201496018" : "//theme.zdassets.com/theme_assets/9109816/20313fb91b2d0d90f0c0078f1d8199e75e2a8fb1.png", "115000288088" : "//theme.zdassets.com/theme_assets/9109816/e62cb82ab05902bdf1e48394df62b29603bf5049.png", "202603428" : "//theme.zdassets.com/theme_assets/9109816/cb9565f4209dd23339ce20d05e8ab08ac4422ce5.png", "360002793531" : "//theme.zdassets.com/theme_assets/9109816/6be85fdcbfcdb1bf492eec165db4526c265c4ade.png", "360002644252" : "//theme.zdassets.com/theme_assets/9109816/f05d67c519e89af3c82cd91dbb0d074acc58aeb4.png", "5374470309389" : "//theme.zdassets.com/theme_assets/9109816/20313fb91b2d0d90f0c0078f1d8199e75e2a8fb1.png", "360002429312" : "//theme.zdassets.com/theme_assets/9109816/e62cb82ab05902bdf1e48394df62b29603bf5049.png", "202594587" : "//theme.zdassets.com/theme_assets/9109816/cb9565f4209dd23339ce20d05e8ab08ac4422ce5.png", "202594617" : "//theme.zdassets.com/theme_assets/9109816/6be85fdcbfcdb1bf492eec165db4526c265c4ade.png", "204059588" : "//theme.zdassets.com/theme_assets/9109816/f05d67c519e89af3c82cd91dbb0d074acc58aeb4.png", "202594627" : "//theme.zdassets.com/theme_assets/9109816/20313fb91b2d0d90f0c0078f1d8199e75e2a8fb1.png", "202603408" : "//theme.zdassets.com/theme_assets/9109816/e62cb82ab05902bdf1e48394df62b29603bf5049.png", "202603398" : "//theme.zdassets.com/theme_assets/9109816/cb9565f4209dd23339ce20d05e8ab08ac4422ce5.png" } </script> <!--<script type="text/javascript" src="https://cdn.solvvy.com/deflect/customization/vimeo4/solvvy.js" async></script>--> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-RBKK');</script> <!-- End Google Tag Manager --> <!-- Pendo Analytics --> <script> (function(apiKey){ (function(p,e,n,d,o){var v,w,x,y,z;o=p[d]=p[d]||{};o._q=o._q||[]; v=['initialize','identify','updateOptions','pageLoad','track'];for(w=0,x=v.length;w<x;++w)(function(m){ o[m]=o[m]||function(){o._q[m===v[0]?'unshift':'push']([m].concat([].slice.call(arguments,0)));};})(v[w]); y=e.createElement(n);y.async=!0;y.src='https://cdn.pendo.io/agent/static/'+apiKey+'/pendo.js'; z=e.getElementsByTagName(n)[0];z.parentNode.insertBefore(y,z);})(window,document,'script','pendo'); document.addEventListener('DOMContentLoaded',function(){ pendo.initialize({ visitor: { id: HelpCenter.user.identifier, email: HelpCenter.user.email, referrer_path: document.referrer } }); }) })('3595ceb6-d35b-437a-6764-8ec9a8b5cb7d'); </script> <!-- Pendo Analytics --> </head> <body class=""> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-RBKK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script> function handleLoginRedirection() { var currentUrl = encodeURIComponent(window.location.href); var redirectionUrl = "https://vimeo.com/log_in?redirect=" + window.location.href; window.location.assign(redirectionUrl); } // window.onload = setSignInLink; // Execute after the page is loaded </script> <script> // Function to handle the initialization based on sign-in status async function handleInitialization() { zE('messenger:set', 'conversationTags', ['messenger_help_centre']); zE('messenger:set', 'conversationFields', [ { id: '27812922616209', value: 'messenger_help_centre' }, ]); } // Execute handleInitialization when the script loads document.addEventListener('DOMContentLoaded', handleInitialization); console.log("Hello Header Last") </script> <div class="alertbox"></div> <a class="skip-navigation" tabindex="1" href="#main-content">Skip to main content</a> <div id="fixed-header"> <header class="header"> <div class="logo"> <a title="Home" href="/hc/en-us"> <img src="/hc/theming_assets/01HZPZSWBPKHPF4Q4A3XF5SPKM"> </a> <span class="help_center_name"> <a title="Home" href="/hc/en-us"> Help Center </a> </span> </div> <div class="nav-wrapper-desktop"> <nav class="user-nav" id="user-nav"> <ul class="user-nav-list"> <li id="zva_diff_id"><a onclick="zE('messenger', 'open'); return false;" href="">Contact us</a></li> <li><a href="https://vimeo.com/upgrade">Pricing</a></li> <li> <a href="https://vimeo.com/upload" class="upload_button"> <svg width="17px" height="12px" viewBox="0 0 17 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Page-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="zen-desk-logged-in" transform="translate(-1151.000000, -28.000000)" fill="#FFFFFF"> <g id="logged-in-nav" transform="translate(0.000000, -1.000000)"> <g id="Upload-Button" transform="translate(1141.000000, 19.000000)"> <path d="M23.8838433,14.8328767 C24.0158209,14.4683397 24.1044776,14.0863123 24.1044776,13.6821918 C24.1044776,11.6487014 22.3001119,10 20.0746269,10 C18.3085448,10 16.8245522,11.0448219 16.2795149,12.4891616 C15.8271642,12.0896438 15.2126119,11.8410959 14.5335821,11.8410959 C13.1422761,11.8410959 12.0149254,12.871189 12.0149254,14.1424658 C12.0149254,14.3937753 12.0703358,14.6312767 12.1509328,14.856811 C10.8865672,15.3465425 10,16.4907836 10,17.8246575 C10,19.6040767 11.578694,21.0465753 13.5261194,21.0465753 L17.0522388,21.0465753 L17.0522388,17.7454904 L16.7570522,18.015211 C16.3641418,18.3751452 15.7254104,18.3751452 15.3325,18.015211 C14.9385821,17.6561973 14.9385821,17.0725699 15.3325,16.7135562 L17.3474254,14.8724603 C17.7403358,14.512526 18.3790672,14.512526 18.7719776,14.8724603 L20.786903,16.7135562 C21.1808209,17.0725699 21.1808209,17.6561973 20.786903,18.015211 C20.3939925,18.3751452 19.7552612,18.3751452 19.3623507,18.015211 L19.0671642,17.7454904 L19.0671642,21.0465753 L22.5932836,21.0465753 C24.540709,21.0465753 26.119403,19.6040767 26.119403,17.8246575 C26.119403,16.4622466 25.1915299,15.3041973 23.8838433,14.8328767" id="Upload-icon"></path> </g> </g> </g> </g> </svg> <span class="t en-us">Upload</span> </a> </li> <li><a id="sign-in-link" style="cursor:pointer" onclick="handleLoginRedirection()" class="sign-in">Sign in</a> </li> </ul> </nav> </div> <div class="nav-wrapper-mobile"> <button class="menu-button-mobile" aria-controls="user-nav-mobile" aria-expanded="false" aria-label="Toggle navigation menu"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 16 16" class="icon-menu"> <path fill="none" stroke="currentColor" stroke-linecap="round" d="M1.5 3.5h13m-13 4h13m-13 4h13"/> </svg> </button> <nav class="menu-list-mobile" id="user-nav-mobile" aria-expanded="false"> <ul class="menu-list-mobile-items"> <li class="item"> <a id="mobile-sign-in-link" style="cursor:pointer" onclick="handleLoginRedirection()" class="sign-in" role="menuitem">Sign in</a> </li> <li class="nav-divider"></li> <li class="item" id="zva_diff_id"><a onclick="zE('messenger', 'open'); return false;" href="https://vimeo.com/help/contact">Contact us</a></li> <li class="item"><a href="https://vimeo.com/upgrade">Pricing</a></li> <li class="item mobile-btn-upload"> <a href="https://vimeo.com/upload" class="upload_button"> <svg width="17px" height="12px" viewBox="0 0 17 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Page-2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="zen-desk-logged-in" transform="translate(-1151.000000, -28.000000)" fill="#FFFFFF"> <g id="logged-in-nav" transform="translate(0.000000, -1.000000)"> <g id="Upload-Button" transform="translate(1141.000000, 19.000000)"> <path d="M23.8838433,14.8328767 C24.0158209,14.4683397 24.1044776,14.0863123 24.1044776,13.6821918 C24.1044776,11.6487014 22.3001119,10 20.0746269,10 C18.3085448,10 16.8245522,11.0448219 16.2795149,12.4891616 C15.8271642,12.0896438 15.2126119,11.8410959 14.5335821,11.8410959 C13.1422761,11.8410959 12.0149254,12.871189 12.0149254,14.1424658 C12.0149254,14.3937753 12.0703358,14.6312767 12.1509328,14.856811 C10.8865672,15.3465425 10,16.4907836 10,17.8246575 C10,19.6040767 11.578694,21.0465753 13.5261194,21.0465753 L17.0522388,21.0465753 L17.0522388,17.7454904 L16.7570522,18.015211 C16.3641418,18.3751452 15.7254104,18.3751452 15.3325,18.015211 C14.9385821,17.6561973 14.9385821,17.0725699 15.3325,16.7135562 L17.3474254,14.8724603 C17.7403358,14.512526 18.3790672,14.512526 18.7719776,14.8724603 L20.786903,16.7135562 C21.1808209,17.0725699 21.1808209,17.6561973 20.786903,18.015211 C20.3939925,18.3751452 19.7552612,18.3751452 19.3623507,18.015211 L19.0671642,17.7454904 L19.0671642,21.0465753 L22.5932836,21.0465753 C24.540709,21.0465753 26.119403,19.6040767 26.119403,17.8246575 C26.119403,16.4622466 25.1915299,15.3041973 23.8838433,14.8328767" id="Upload-icon"></path> </g> </g> </g> </g> </svg> <span class="t en-us">Upload</span> </a> </li> <li class="nav-divider"></li> </ul> </nav> </div> </header> </div> <main role="main"> <div class="container-divider"></div> <div class="container"> <nav class="sub-nav"> <ol class="breadcrumbs"> <li title="Vimeo Help Center"> <a href="/hc/en-us">Vimeo Help Center</a> </li> <li title="Making, managing, and sharing videos"> <a href="/hc/en-us/categories/12385928065809-Making-managing-and-sharing-videos">Making, managing, and sharing videos</a> </li> <li title="Video creation and enhancement"> <a href="/hc/en-us/sections/12397317598737-Video-creation-and-enhancement">Video creation and enhancement</a> </li> <li title="Editing videos"> <a href="/hc/en-us/sections/12402611847057-Editing-videos">Editing videos</a> </li> <li title="Editing in a web browser"> <a href="/hc/en-us/sections/12414987128721-Editing-in-a-web-browser">Editing in a web browser</a> </li> </ol> <div class="search-container"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="search-icon" aria-hidden="true"> <circle cx="4.5" cy="4.5" r="4" fill="none" stroke="currentColor"/> <path stroke="currentColor" stroke-linecap="round" d="M11 11L7.5 7.5"/> </svg> <form role="search" class="search" data-search="" action="/hc/en-us/search" accept-charset="UTF-8" method="get"><input name="utf8" type="hidden" value="✓" autocomplete="off" /><input type="search" name="query" id="query" placeholder="Search" aria-label="Search" /></form> </div> </nav> <div class="article-container" id="article-container"> <aside class="article-sidebar" aria-labelledby="section-articles-title"> <div class="collapsible-sidebar"> <button type="button" class="collapsible-sidebar-toggle" aria-labelledby="section-articles-title" aria-expanded="false"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" focusable="false" viewBox="0 0 12 12" aria-hidden="true" class="collapsible-sidebar-toggle-icon chevron-icon"> <path fill="none" stroke="currentColor" stroke-linecap="round" d="M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" focusable="false" viewBox="0 0 12 12" aria-hidden="true" class="collapsible-sidebar-toggle-icon x-icon"> <path stroke="currentColor" stroke-linecap="round" d="M3 9l6-6m0 6L3 3"/> </svg> </button> <span id="section-articles-title" class="collapsible-sidebar-title sidenav-title"> Articles in this section </span> <div class="collapsible-sidebar-body"> <ul> <li> <a href="/hc/en-us/articles/12426815178897-About-the-editor" class="sidenav-item ">About the editor</a> </li> <li> <a href="/hc/en-us/articles/23464658782865-How-do-I-make-a-video-by-using-a-template" class="sidenav-item ">How do I make a video by using a template?</a> </li> <li> <a href="/hc/en-us/articles/16367006563089-How-do-I-use-the-text-based-video-editor" class="sidenav-item ">How do I use the text-based video editor?</a> </li> <li> <a href="/hc/en-us/articles/12426733378193-How-do-I-use-the-inspector-toolbar-in-the-editor" class="sidenav-item ">How do I use the inspector toolbar in the editor?</a> </li> <li> <a href="/hc/en-us/articles/12426745064721-How-do-I-add-and-manage-media-in-the-editor" class="sidenav-item ">How do I add and manage media in the editor?</a> </li> <li> <a href="/hc/en-us/articles/27377357898897-How-do-I-scale-media-in-the-editor" class="sidenav-item ">How do I scale media in the editor?</a> </li> <li> <a href="/hc/en-us/articles/14799572303505-About-Intros-and-Outros" class="sidenav-item current-article">About Intros and Outros</a> </li> <li> <a href="/hc/en-us/articles/12426713967761-How-do-I-record-videos-in-the-editor" class="sidenav-item ">How do I record videos in the editor?</a> </li> <li> <a href="/hc/en-us/articles/12426791681041-How-do-I-use-the-Timeline-in-the-editor" class="sidenav-item ">How do I use the Timeline in the editor?</a> </li> <li> <a href="/hc/en-us/articles/12426766391185-How-do-I-add-and-edit-text-in-the-editor" class="sidenav-item ">How do I add and edit text in the editor?</a> </li> </ul> <a href="/hc/en-us/sections/12414987128721-Editing-in-a-web-browser" class="article-sidebar-item">See more</a> </div> </div> </aside> <article id="main-content" class="article"> <div class="art-pd"> <header class="article-header"> <h1 title="About Intros and Outros" class="article-title"> About Intros and Outros </h1> <!--<div class="article-author"> <div class="article-meta"> <ul class="meta-group"> <li class="meta-data"><time datetime="2024-05-07T16:03:26Z" title="2024-05-07T16:03:26Z" data-datetime="relative">May 07, 2024 16:03</time></li> <li class="meta-data">Updated</li> </ul> </div> </div>--> </header> <section class="article-info"> <div class="article-content"> <div class="article-body"><blockquote class="fyi">This feature is available for<a href="https://vimeo.com/upgrade-plan" target="_blank" rel="noopener noreferrer"> paid Vimeo plans</a>, Standard and above and Business and above.</blockquote> <p><strong>Intros and Outros</strong> are short videos (up to 60 seconds) that you can add to the beginning and end of videos that you make in the Editor to help showcase your brand.</p> <p>If you are on a <a href="http://vimeo.com/upgrade" target="_blank" rel="noopener noreferrer">paid Vimeo plan</a>, <a href="https://help.vimeo.com/hc/en-us/search/click?data=BAh7DjoHaWRsKwiRr4METQs6D2FjY291bnRfaWRpA2Q46zoJdHlwZUkiDGFydGljbGUGOgZFVDoIdXJsSSJkaHR0cHM6Ly9oZWxwLnZpbWVvLmNvbS9oYy9lbi11cy9hcnRpY2xlcy8xMjQyNTQxNjEyNjM1My1XaGF0LXMtaW5jbHVkZWQtd2l0aC10aGUtU3RhbmRhcmQtcGxhbi0GOwhUOg5zZWFyY2hfaWRJIik5MmY3YTIzNy04ZDI2LTQ5NDYtOGViOS0zYTllMGFmYjczN2QGOwhGOglyYW5raQY6C2xvY2FsZUkiCmVuLXVzBjsIVDoKcXVlcnlJIg1zdGFuZGFyZAY7CFQ6EnJlc3VsdHNfY291bnRpAYY%3D--48bff7d4bc5dba0f11edbe7a8689d400a0c81324" target="_blank" rel="noopener noreferrer">Standard</a> and higher or <a href="https://help.vimeo.com/hc/en-us/articles/12425416410129" target="_blank" rel="noopener noreferrer">Business</a> and higher, you can add these clips to your videos. </p> <p>Intros and Outros can be managed by using the <a href="https://help.vimeo.com/hc/en-us/articles/12426490530193" target="_blank" rel="noopener noreferrer">Brand Kit</a>.</p> <h3 id="h_01HKD74R6GS52XQQG98332KPEQ"><span style="color: #434343;">How do I upload intros and outros to my video?</span></h3> <p><strong>Contributor Plus</strong> team members and above on a team account can add intros and outros to the Brand Kit. </p> <p><strong>To upload Intros and Outros to your Brand Kit: </strong></p> <ol> <li>From the sidebar, select <strong>Brand</strong> to open the <strong>Brand Kit.<br><img src="/hc/article_attachments/23465197971601" width="553" height="867"><br></strong> </li> <li>Select the <strong>Upload </strong>button next to the<strong> Intro </strong>or<strong> Outro</strong> headers. <br><strong>💡Tip: </strong>If you've previously added an intro or outro, select the arrow icon to go to the Intro/Outro management panel. </li> <li>On the Intro/Outro management panel, select <strong>Upload </strong>to upload your media. </li> <li> <strong> </strong>After your file uploads, select the thumbnail to add it to the <strong><a href="https://help.vimeo.com/hc/en-us/articles/12426791681041" target="_blank" rel="noopener noreferrer">timeline</a></strong> for your video. </li> </ol> <p><strong>💡Tip</strong>: You can add up to 20 intros and 20 outros to your Brand Kit. Supported file types include <strong>MP4, MOV, WMV, AVI, </strong><strong>FLV, and WebM.</strong></p> <h3 id="h_01HKD7APQCN8VMCH1F82TT2QZA"><span style="color: #434343;">How do I delete previously uploaded intros and outros from my Brand Kit? </span></h3> <p><strong>Contributor Plus</strong> team members and above on a team account can delete previously added intros and outros from the Brand Kit.</p> <p><strong>⚠️Note</strong>: Deleting these files will make them unavailable to the team members on the account. It will not remove the intro or outro from videos that already use them. You will need to edit those videos individually to remove the intros and outros. </p> <p><strong>To delete previously uploaded intros/outros: </strong></p> <ol> <li>From the sidebar, select <strong>Brand</strong> to open the <strong>Brand Kit.</strong> </li> <li>Select the arrow to the right of the Intro and/or Outro header. </li> <li>Hover over the intro or outro that you would like to delete and select the garbage can icon in the top right corner of the thumbnail.<br><img src="/hc/article_attachments/21454289234321" width="395" height="390"> </li> <li>Confirm that you would like to delete your intro or outro, that you understand your team will not be able to access it in the future, and that you understand it’ll appear in videos where it was already added.</li> <li>Select <strong>Delete</strong>.</li> </ol></div> </div> </section> <footer> <div class="article-footer"> </div> <div style="color:green; padding-bottom: 50px;" class="downvote-success-message"> </div> <div class="article-votes"> <span class="article-votes-question" id="article-votes-label">Was this article helpful?</span> <div class="article-votes-controls" role="group" aria-labelledby="article-votes-label"> <button type="button" class="button article-vote article-vote-up" data-helper="vote" data-item="article" data-type="up" data-id="14799572303505" data-upvote-count="9" data-vote-count="22" data-vote-sum="-4" data-vote-url="/hc/en-us/articles/14799572303505/vote" data-value="null" data-label="9 out of 22 found this helpful" data-selected-class="button-primary" aria-label="This article was helpful" aria-pressed="false">Yes</button> <button type="button" class="button article-vote article-vote-down" data-helper="vote" data-item="article" data-type="down" data-id="14799572303505" data-upvote-count="9" data-vote-count="22" data-vote-sum="-4" data-vote-url="/hc/en-us/articles/14799572303505/vote" data-value="null" data-label="9 out of 22 found this helpful" data-selected-class="button-primary" aria-label="This article was not helpful" aria-pressed="false">No</button> </div> <small class="article-votes-count"> <span class="article-vote-label" data-helper="vote" data-item="article" data-type="label" data-id="14799572303505" data-upvote-count="9" data-vote-count="22" data-vote-sum="-4" data-vote-url="/hc/en-us/articles/14799572303505/vote" data-value="null" data-label="9 out of 22 found this helpful">9 out of 22 found this helpful</span> </small> <div class="downvote-message"> <iframe id="article_feedback_form_frame" style="height:500px; width: 100%; border:0;" src="/hc/en-us/requests/new?question=&tf_14926078681617=https://vimeosupport.zendesk.com/hc/en-us/articles/14799572303505-About-Intros-and-Outros&ticket_form_id=14926109199377"></iframe> </div> </div> <div class="article-return-to-top"> <a href="#article-container"> Return to top <svg xmlns="http://www.w3.org/2000/svg" class="article-return-to-top-icon" width="20" height="20" focusable="false" viewBox="0 0 12 12" aria-hidden="true"> <path fill="none" stroke="currentColor" stroke-linecap="round" d="M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5"/> </svg> </a> </div> </footer> <div class="article-relatives"> <div data-recent-articles></div> <section class="related-articles"> <h2 class="related-articles-title">Related articles</h2> <ul> <li> <a href="/hc/en-us/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCJHJjURNCzoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCJH%2BP8t1DToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSJSL2hjL2VuLXVzL2FydGljbGVzLzEyNDI2NDkwNTMwMTkzLUhvdy1kby1JLWFjY2Vzcy1hbmQtY3VzdG9taXplLXRoZS1CcmFuZC1LaXQGOwhUOglyYW5raQY%3D--23506061f56a1a0a30e2ae47323df2c1f006bae6" rel="nofollow">How do I access and customize the Brand Kit? </a> </li> <li> <a href="/hc/en-us/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCBGtuVNNCzoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCJH%2BP8t1DToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSJSL2hjL2VuLXVzL2FydGljbGVzLzEyNDI2NzQ1MDY0NzIxLUhvdy1kby1JLWFkZC1hbmQtbWFuYWdlLW1lZGlhLWluLXRoZS1lZGl0b3IGOwhUOglyYW5raQc%3D--12e66051278d3c3fb8bb65c412f39e3b3fd5dfa7" rel="nofollow">How do I add and manage media in the editor?</a> </li> <li> <a href="/hc/en-us/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCJFaB1NNCzoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCJH%2BP8t1DToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSJXL2hjL2VuLXVzL2FydGljbGVzLzEyNDI2NzMzMzc4MTkzLUhvdy1kby1JLXVzZS10aGUtaW5zcGVjdG9yLXRvb2xiYXItaW4tdGhlLWVkaXRvcgY7CFQ6CXJhbmtpCA%3D%3D--179b2c1e2c4527ab685966754da0d17ce2865741" rel="nofollow">How do I use the inspector toolbar in the editor?</a> </li> <li> <a href="/hc/en-us/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCBH8gFZNCzoYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCJH%2BP8t1DToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSJOL2hjL2VuLXVzL2FydGljbGVzLzEyNDI2NzkxNjgxMDQxLUhvdy1kby1JLXVzZS10aGUtVGltZWxpbmUtaW4tdGhlLWVkaXRvcgY7CFQ6CXJhbmtpCQ%3D%3D--aeb738b7a38868d7d849601cf2bdce781751c906" rel="nofollow">How do I use the Timeline in the editor?</a> </li> <li> <a href="/hc/en-us/related/click?data=BAh7CjobZGVzdGluYXRpb25fYXJ0aWNsZV9pZGwrCJHKpkpXFToYcmVmZXJyZXJfYXJ0aWNsZV9pZGwrCJH%2BP8t1DToLbG9jYWxlSSIKZW4tdXMGOgZFVDoIdXJsSSJQL2hjL2VuLXVzL2FydGljbGVzLzIzNDY0NjU4NzgyODY1LUhvdy1kby1JLW1ha2UtYS12aWRlby1ieS11c2luZy1hLXRlbXBsYXRlBjsIVDoJcmFua2kK--c64af12143deb557e069bc0e1c7e937e10e02fb8" rel="nofollow">How do I make a video by using a template?</a> </li> </ul> </section> </div> </div> </article> </div> </div> <script> const label = document.querySelector(".article-vote-label"); swap(label); // Create an observer to track new vote labels added to the DOM const observer = new MutationObserver(mutationRecords => { for (const mutation of mutationRecords) { if (mutation.addedNodes[0]) { swap(mutation.addedNodes[0]); } } }); observer.observe(label, { childList: true }); // Swap the label text for the supplied label function swap (node) { const text = node.innerText ? node.innerText : node.data; const position = text.indexOf("out of"); if(position) { node.textContent = text.slice(0 , position) + "found this helpful"; } } </script> = </main> <footer class="footer"> <div class="footer-inner"> <!--<a title="Home" href="/hc/en-us">Vimeo Help Center</a>--> <h4 class="footer-title"><span class="t en-us">One video platform. All your video needs.</span></h4> <ul class="footer-links"> <li><a href="https://vimeo.com/upgrade"><span class="t en-us">Pricing</span></a></li> <li><a href="https://vimeo.com/enterprise"><span class="t en-us">Enterprise</span></a></li> <li><a href="https://vimeo.com/solutions/small-business-solutions"><span class="t en-us">Small Business</span></a></li> <li><a class="mobile_menu_link" href="https://vimeo.com/solutions/creative-professionals-solutions"><span class="t en-us">Creative Professionals</span></a></li> <li><a href="https://vimeo.com/upload"><span class="t en-us">Upload</span></a></li> <li><a href="https://vimeo.com/ott"><span class="t en-us">Monetize my videos</span></a></li> <li><a href="https://vimeo.com/about"><span class="t en-us">About</span></a></li> <li><a href="https://vimeo.com/blog"><span class="t en-us">Blog</span></a></li> <li class="last_child"><a class="mobile_menu_link" href="https://vimeo.com/ondemand/startselling"><span class="t en-us">Sell videos</span></a></li> </ul> </div> <div class="bottom-footer"> <div class="footer-inner"> <div class="footer-bottom"> <div class="tm"> <span class="t en-us">TM + © 2024 Vimeo.com, Inc. All rights reserved.</span> </div> <ul class="footer-bottom-links"> <li><a href="https://vimeo.com/terms"><span class="t en-us">Terms</span></a></li> <li><a href="https://vimeo.com/privacy"><span class="t en-us">Privacy</span></a></li> <li><a href="https://vimeo.com/privacy/us-state-privacy">U.S. State Privacy</a></li> <li><a href="https://vimeo.com/dmca"><span class="t en-us">Copyright</span></a></li> <li class="last_child"><a href="https://vimeo.com/cookie_policy"><span class="t en-us">Cookies</span></a></li> </ul> <!-- <div class="heart">Made with ❤ in NYC</div> --> </div> <div class="footer-bottom-right"> <div class="footer-language-selector"> <div class="dropdown language-selector"> <span>Language:</span> <button class="dropdown-toggle" aria-haspopup="true"> English (US) <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="dropdown-chevron-icon"> <path fill="none" stroke="currentColor" stroke-linecap="round" d="M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5"/> </svg> </button> <span class="dropdown-menu dropdown-menu-end" role="menu"> <a href="/hc/change_language/de?return_to=%2Fhc%2Fde%2Farticles%2F14799572303505-%25C3%259Cber-Intros-und-Outros" dir="ltr" rel="nofollow" role="menuitem"> Deutsch </a> <a href="/hc/change_language/es?return_to=%2Fhc%2Fes%2Farticles%2F14799572303505-Acerca-de-introducciones-y-cierres" dir="ltr" rel="nofollow" role="menuitem"> Español </a> <a href="/hc/change_language/fr?return_to=%2Fhc%2Ffr%2Farticles%2F14799572303505-%25C3%2580-propos-de-intros-et-des-outros" dir="ltr" rel="nofollow" role="menuitem"> Français </a> <a href="/hc/change_language/ja?return_to=%2Fhc%2Fja%2Farticles%2F14799572303505-%25E3%2582%25A4%25E3%2583%25B3%25E3%2583%2588%25E3%2583%25AD%25E3%2581%25A8%25E3%2582%25A2%25E3%2582%25A6%25E3%2583%2588%25E3%2583%25AD%25E3%2581%25AB%25E3%2581%25A4%25E3%2581%2584%25E3%2581%25A6" dir="ltr" rel="nofollow" role="menuitem"> 日本語 </a> <a href="/hc/change_language/ko?return_to=%2Fhc%2Fko%2Farticles%2F14799572303505-%25EC%259D%25B8%25ED%258A%25B8%25EB%25A1%259C-%25EB%25B0%258F-%25EC%2595%2584%25EC%259A%25B0%25ED%258A%25B8%25EB%25A1%259C-%25EC%25A0%2595%25EB%25B3%25B4" dir="ltr" rel="nofollow" role="menuitem"> 한국어 </a> <a href="/hc/change_language/pt?return_to=%2Fhc%2Fpt%2Farticles%2F14799572303505-Sobre-Intros-e-Telas-P%25C3%25B3s-V%25C3%25ADdeo" dir="ltr" rel="nofollow" role="menuitem"> Português </a> </span> </div> </div> </div> </div> </div> </footer> <!--<script> // Function to get query parameters from the URL function getQueryParameters(url) { const queryString = url.split('?')[1]; if (!queryString) { return {}; } const params = queryString.split('&'); const queryParams = {}; params.forEach(param => { const [key, value] = param.split('='); queryParams[key] = value; }); return queryParams; } // Get the current URL const currentURL = window.location.href; // Check if the 'ZVApreview' exists in the query parameters const queryParams = getQueryParameters(currentURL); if (queryParams.hasOwnProperty('ZVApreview')) { // Query parameter 'ZVApreview' is present, so hide the solvvy window.SolvvySettings = { showWidget: 'never' }; var zcczvaScript = document.createElement("script"); zcczvaScript.setAttribute("src", "https://us01ccistatic.zoom.us/us01cci/web-sdk/zcc-sdk.js"); zcczvaScript.setAttribute("data-apikey", "lPryj6LGRKmcTef8cj2NCA"); document.body.appendChild(zcczvaScript); } </script>--> <!--<script data-apikey="lPryj6LGRKmcTef8cj2NCA" data-env="us01" src="https://us01ccistatic.zoom.us/us01cci/web-sdk/chat-client.js"></script>--> <!-- / --> <script src="//static.zdassets.com/hc/assets/en-us.1981210d3b7b1cbdd0fd.js"></script> <script src="https://vimeosupport.zendesk.com/auth/v2/host/without_iframe.js" data-brand-id="10315422760081" data-return-to="https://help.vimeo.com/hc/en-us/articles/14799572303505-About-Intros-and-Outros" data-theme="hc" data-locale="en-us" data-auth-origin="10315422760081,true,true"></script> <script type="text/javascript"> /* Greetings sourcecode lurker! This is for internal Zendesk and legacy usage, we don't support or guarantee any of these values so please don't build stuff on top of them. */ HelpCenter = {}; HelpCenter.account = {"subdomain":"vimeosupport","environment":"production","name":"Vimeo"}; HelpCenter.user = {"identifier":"da39a3ee5e6b4b0d3255bfef95601890afd80709","email":null,"name":"","role":"anonymous","avatar_url":"https://assets.zendesk.com/hc/assets/default_avatar.png","is_admin":false,"organizations":[],"groups":[]}; HelpCenter.internal = {"asset_url":"//static.zdassets.com/hc/assets/","web_widget_asset_composer_url":"https://static.zdassets.com/ekr/snippet.js","current_session":{"locale":"en-us","csrf_token":null,"shared_csrf_token":null},"usage_tracking":{"event":"article_viewed","data":"BAh7CDoLbG9jYWxlSSIKZW4tdXMGOgZFVDoPYXJ0aWNsZV9pZGwrCJH+P8t1DToKX21ldGF7DDoPYWNjb3VudF9pZGkDZDjrOhNoZWxwX2NlbnRlcl9pZGwrCJGcM95hCToNYnJhbmRfaWRsKwiR/Bu/YQk6DHVzZXJfaWQwOhN1c2VyX3JvbGVfbmFtZUkiDkFOT05ZTU9VUwY7BlQ7AEkiCmVuLXVzBjsGVDoaYW5vbnltb3VzX3RyYWNraW5nX2lkMA==--b38d9c992f879070617f70e60956924bbbea95ae","url":"https://help.vimeo.com/hc/activity"},"current_record_id":"14799572303505","current_record_url":"/hc/en-us/articles/14799572303505-About-Intros-and-Outros","current_record_title":"About Intros and Outros","current_text_direction":"ltr","current_brand_id":10315422760081,"current_brand_name":"Vimeo Support","current_brand_url":"https://vimeosupport.zendesk.com","current_brand_active":true,"current_path":"/hc/en-us/articles/14799572303505-About-Intros-and-Outros","show_autocomplete_breadcrumbs":true,"user_info_changing_enabled":false,"has_user_profiles_enabled":false,"has_end_user_attachments":true,"user_aliases_enabled":false,"has_anonymous_kb_voting":true,"has_multi_language_help_center":true,"show_at_mentions":false,"embeddables_config":{"embeddables_web_widget":true,"embeddables_connect_ipms":false},"answer_bot_subdomain":"static","general_settings_url":"https://help.vimeo.com/hc/admin/general_settings?locale=en-us","user_segments_url":"https://vimeosupport.zendesk.com/knowledge/user_segments?brand_id=10315422760081","has_gather":true,"has_ckeditor":false,"has_community_enabled":false,"has_community_badges":true,"has_community_post_content_tagging":false,"has_gather_content_tags":true,"has_guide_content_tags":true,"has_user_segments":true,"has_answer_bot_web_form_enabled":false,"has_lookup_fields_in_guide_legacy_templates":true,"has_edit_user_profile_v2":false,"has_garden_modals":false,"theming_cookie_key":"hc-da39a3ee5e6b4b0d3255bfef95601890afd80709-2-preview","is_preview":false,"has_alternate_templates":true,"arrange_articles_url":"https://vimeosupport.zendesk.com/knowledge/arrange?brand_id=10315422760081","article_verification_url":"https://vimeosupport.zendesk.com/knowledge/verification?brand_id=10315422760081","has_article_verification":true,"guide_language_settings_url":"https://help.vimeo.com/hc/admin/language_settings?locale=en-us","docs_importer_url":"https://vimeosupport.zendesk.com/knowledge/import_articles?brand_id=10315422760081","content_tags_url":"https://vimeosupport.zendesk.com/knowledge/content_tags?brand_id=10315422760081","community_badges_url":"https://vimeosupport.zendesk.com/knowledge/community_badges?brand_id=10315422760081","community_settings_url":"https://vimeosupport.zendesk.com/knowledge/community_settings?brand_id=10315422760081","gather_plan_state":"subscribed","search_settings_url":"https://vimeosupport.zendesk.com/knowledge/search_settings?brand_id=10315422760081","has_search_settings_in_plan":true,"theming_api_version":2,"theming_settings":{"show_translations":false,"brand_color":"rgba(23, 213, 255, 1)","brand_text_color":"rgba(10, 14, 18, 1)","text_color":"rgba(10, 14, 18, 1)","link_color":"rgba(10, 14, 18, 1)","hover_link_color":"rgba(10, 14, 18, 1)","visited_link_color":"rgba(10, 14, 18, 1)","background_color":"rgba(241, 245, 249, 1)","heading_font":"'Helvetica Neue', Arial, Helvetica, sans-serif","text_font":"'Helvetica Neue', Arial, Helvetica, sans-serif","logo":"/hc/theming_assets/01HZPZSWFSW8B6FJMXJ8SF8JM7","show_brand_name":true,"favicon":"/hc/theming_assets/01HZPZSWKB9ZPE43CY47XS1PC5","homepage_background_image":"/hc/theming_assets/01HZPZSWRJ0M4VT0W36RG3TY4D","community_background_image":"/hc/theming_assets/01HZPZSWXPJY1VPD90K0HVGQ1Y","community_image":"/hc/theming_assets/01HZPZSX1QXKDCXHGXAFC0TANY","instant_search":true,"scoped_kb_search":false,"scoped_community_search":false,"show_recent_activity":false,"show_custom_block_1":false,"custom_block_1_title":"Guide","custom_block_1_description":" For Product manuals, How to guides, and Quick snippets.","custom_block_1_logo":"/hc/theming_assets/01HZPZSX5X42RW3D045DCNFB5W","custom_block_1_url":"","show_custom_block_2":false,"custom_block_2_title":"FAQs","custom_block_2_description":"For all frequently asked questions about the Products and related Functionality.","custom_block_2_logo":"/hc/theming_assets/01HZPZSX9WD1ETYT016XVTGP4G","custom_block_2_url":"","show_custom_block_3":false,"custom_block_3_title":"Contact","custom_block_3_description":" Submit tickets, learn about upcoming events or simply talk to a product specialist.","custom_block_3_logo":"/hc/theming_assets/01HZPZSXEF50DTRDK55GB3P7A4","custom_block_3_url":"","show_articles_in_section":true,"show_article_author":false,"show_article_comments":false,"show_follow_article":false,"show_recently_viewed_articles":true,"show_related_articles":true,"show_article_sharing":false,"show_follow_section":true,"show_follow_post":true,"show_post_sharing":true,"show_follow_topic":true},"has_pci_credit_card_custom_field":true,"help_center_restricted":false,"is_assuming_someone_else":false,"flash_messages":[],"user_photo_editing_enabled":true,"has_docs_importer":false,"user_preferred_locale":"en-us","base_locale":"en-us","has_end_user_session_renewal":true,"has_user_session_cookie_enabled":false,"has_end_user_2fa":true,"has_custom_statuses_enabled":true,"has_generative_answers_in_help_center":false,"has_hc_generative_answers_setting_enabled":false,"has_intl_date_format_enabled":false,"version":"v25418"}; </script> <script src="//static.zdassets.com/hc/assets/hc_enduser-8b27330699df07d529db73a38375a0c9.js"></script> <script type="text/javascript" src="/hc/theming_assets/15415396/10315422760081/script.js?digest=30312381088913"></script> </body> </html>