CINXE.COM
Video | Yale Identity
<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#"> <head> <meta charset="utf-8" /> <link rel="canonical" href="https://yaleidentity.yale.edu/guidelines/video" /> <meta property="og:site_name" content="Yale Identity" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://yaleidentity.yale.edu/guidelines/video" /> <meta property="og:title" content="Video" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="apple-touch-icon" href="/profiles/custom/yalesites_profile/modules/custom/ys_core/images/favicons/apple-touch-icon.png" /> <link sizes="32x32" rel="icon" type="image/png" href="/profiles/custom/yalesites_profile/modules/custom/ys_core/images/favicons/favicon-32x32.png" /> <link sizes="16x16" rel="icon" type="image/png" href="/profiles/custom/yalesites_profile/modules/custom/ys_core/images/favicons/favicon-16x16.png" /> <link rel="shortcut icon" href="/profiles/custom/yalesites_profile/modules/custom/ys_core/images/favicons/favicon.ico" /> <style>:root { --color-theme-action: var(--color-); --color-theme-accent: var(--color-); --color-theme-pull-quote-accent: var(--color-); --color-theme-divider: var(--color-); --thickness-theme-divider: var(--thickness-divider-); }</style> <title>Video | Yale Identity</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_CDx_FKe5lTAgZOX0-0CLlfI5OoqKK-LXHXfgQs_5wfo.css?delta=0&language=en&theme=atomic&include=eJxFjEEOwyAMBD9E4ichA06CZDCyoZV_30OU9DY7Gq25TWqQ0CjglFYznCwJ-VmMLmtuaVUupI89pE_8kkmjcBexVMvyIXWQTlk4DFQ8FcdlUHQN5P1v9tXHSlztohKmDzm1Hg4vBbd4_xq8GBP2TvoDxNlHUQ" /> <link rel="stylesheet" media="all" href="https://yale-webfonts.yalespace.org/fonts.min.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_zYi5RraSDzQpp-q4YX_clwtBQXkP7_fT2CqqLWaOkns.css?delta=2&language=en&theme=atomic&include=eJxFjEEOwyAMBD9E4ichA06CZDCyoZV_30OU9DY7Gq25TWqQ0CjglFYznCwJ-VmMLmtuaVUupI89pE_8kkmjcBexVMvyIXWQTlk4DFQ8FcdlUHQN5P1v9tXHSlztohKmDzm1Hg4vBbd4_xq8GBP2TvoDxNlHUQ" /> </head> <body class="ys-content-type-page"> <a href=#main-content class="link-skip__link visually-hidden focusable ys-content-type-page"> Skip to main content</a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="layout-container" data-global-theme="one" > <header data-main-menu-state="loaded" data-component-width="site" data-site-header-nav-position="left" data-site-header-border-thickness="8" data-header-theme="one" data-header-accent="two" class="site-header"> <div class="site-header__inner"> <div class="site-header__mobile-header"> <a data-link-style="underline" data-link-type="internal" class="site-header__site-branding site-header__site-branding--mobile" href="/"> Yale Identity</a> <button aria-expanded="false" class="menu-toggle"> <span class="menu-toggle__text">Menu</span> <span class="menu-toggle__bars"> <span class="menu-toggle__bar"></span> <span class="menu-toggle__bar"></span> <span class="menu-toggle__bar"></span> </span> </button> </div> <div class="site-header__menu-wrapper"> <div class="site-header__menu-secondary site-header__menu-secondary--desktop"> <div class="site-header__secondary"> <a data-link-style="underline" data-link-type="internal" class="site-header__yale-branding" href="https://www.yale.edu"> Yale University</a> <div class="site-header__utility-nav"> <div class="utility-bar"> <div class="utility-nav__search"> <form action="/search" class="form--inline" method="get" id="header-search-form-desktop" accept-charset="UTF-8"> <div class="form-item form-item-keywords"> <label for="edit-keywords--header-search-form-desktop"> <svg class="utility-nav__icon utility-nav__icon--search" aria-hidden="true" role="img" > <use xlink:href="/themes/contrib/atomic/node_modules/@yalesites-org/component-library-twig/dist/icons.svg#magnifying-glass"></use> </svg> <span class="visually-hidden">Search</span> </label> <input placeholder="Search this site" type="text" id="edit-keywords--header-search-form-desktop" name="keywords" value="" size="30" maxlength="128" class="form-text"> </div> <div class="form-actions form-wrapper" id="edit-actions--header-search-form-desktop"> <input class="visually-hidden button form-submit" type="submit" id="edit-submit-search--header-search-form-desktop" value="Search"> </div> </form> </div> </div> </div> </div> </div> <div class="site-header__primary"> <a data-link-style="underline" data-link-type="internal" class="site-header__site-branding site-header__site-branding--primary" href="/"> Yale Identity</a> <div class="site-header__primary-nav"> <nav class="primary-nav menu-with-toggle" aria-label="primary" data-menu-variation="mega"> <ul class="primary-nav__menu primary-nav__menu--level-0"> <li class="primary-nav__item primary-nav__item--level-0"> <a data-link-style="underline" data-link-type="internal" class="primary-nav__link primary-nav__link--level-0" href="/core-identity-elements"> Core Identity Elements</a> </li> <li class="primary-nav__item primary-nav__item--level-0"> <a data-link-style="underline" data-link-type="internal" class="primary-nav__link primary-nav__link--level-0" href="/guidelines"> Guidelines</a> </li> <li class="primary-nav__item primary-nav__item--level-0"> <a data-link-style="underline" data-link-type="internal" class="primary-nav__link primary-nav__link--level-0" href="/assets-and-templates"> Assets and Templates</a> </li> <li class="primary-nav__item primary-nav__item--level-0"> <a data-link-style="underline" data-link-type="internal" class="primary-nav__link primary-nav__link--level-0" href="/resources-and-support"> Resources and Support</a> </li> </ul> </nav> </div> </div> <div class="site-header__menu-secondary site-header__menu-secondary--mobile"> <div class="site-header__secondary"> <a data-link-style="underline" data-link-type="internal" class="site-header__yale-branding" href="https://www.yale.edu"> Yale University</a> <div class="site-header__utility-nav"> <div class="utility-bar"> <div class="utility-nav__search"> <form action="/search" class="form--inline" method="get" id="header-search-form-mobile" accept-charset="UTF-8"> <div class="form-item form-item-keywords"> <label for="edit-keywords--header-search-form-mobile"> <svg class="utility-nav__icon utility-nav__icon--search" aria-hidden="true" role="img" > <use xlink:href="/themes/contrib/atomic/node_modules/@yalesites-org/component-library-twig/dist/icons.svg#magnifying-glass"></use> </svg> <span class="visually-hidden">Search</span> </label> <input placeholder="Search this site" type="text" id="edit-keywords--header-search-form-mobile" name="keywords" value="" size="30" maxlength="128" class="form-text"> </div> <div class="form-actions form-wrapper" id="edit-actions--header-search-form-mobile"> <input class="visually-hidden button form-submit" type="submit" id="edit-submit-search--header-search-form-mobile" value="Search"> </div> </form> </div> </div> </div> </div> </div> </div> </div> </header> <div class="site-header__overlay"></div> <div> <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="main" id="main-content"> <main class="main-content"> <div class="layout layout--banner"> <div > </div> </div> <div class="layout layout--onecol"> <div > <div data-breadcrumbs-overflow="hidden" data-component-width="site" class="breadcrumbs__wrapper breadcrumbs__wrapper--collapsible"> <button aria-expanded="false" class="breadcrumbs__button"> <span class="visually-hidden">Show all breadcrumbs</span> <svg class="breadcrumbs__icon" aria-hidden="true" role="img" > <use xlink:href="/themes/contrib/atomic/node_modules/@yalesites-org/component-library-twig/dist/icons.svg#angle-down"></use> </svg> <span aria-hidden="true">Guidelines</span> </button> <div class="breadcrumbs__inner" data-scroll-indicator="none" id="breadcrumbs-inner"> <nav class="breadcrumbs breadcrumbs--collapsible" aria-label="Breadcrumb" data-menu-variation="basic"> <ol class="breadcrumbs__menu breadcrumbs__menu--level-0"> <li class="breadcrumbs__item breadcrumbs__item--level-0"> <a data-link-style="underline" data-link-type="internal" class="breadcrumbs__link breadcrumbs__link--level-0" href="/"> Home</a> </li> <li class="breadcrumbs__item breadcrumbs__item--level-0"> <a data-link-style="underline" data-link-type="internal" class="breadcrumbs__link breadcrumbs__link--level-0" href="/guidelines"> Guidelines</a> </li> <li class="breadcrumbs__item breadcrumbs__item--level-0 breadcrumbs__item--active"> <a aria-current="page" data-link-style="underline" data-link-type="internal" class="breadcrumbs__link breadcrumbs__link--level-0 breadcrumbs__link--active"> Video</a> </li> </ol> </nav> <button aria-hidden="true" tabindex="-1" class="breadcrumbs__control breadcrumbs__control--left"> <svg class="breadcrumbs__icon breadcrumbs__icon--left" aria-hidden="true" role="img" > <use xlink:href="/themes/contrib/atomic/node_modules/@yalesites-org/component-library-twig/dist/icons.svg#angle-down"></use> </svg> </button> <button aria-hidden="true" tabindex="-1" class="breadcrumbs__control breadcrumbs__control--right"> <svg class="breadcrumbs__icon breadcrumbs__icon--right" aria-hidden="true" role="img" > <use xlink:href="/themes/contrib/atomic/node_modules/@yalesites-org/component-library-twig/dist/icons.svg#angle-down"></use> </svg> </button> </div> </div> <div> <div data-component-width="site" class="page-title visible"> <div class="page-title__inner"> <div class="page-title__top"> <div class="page-title__title-wrap"> <h1 class="page-title__heading"> Video</h1> </div> </div> </div> </div> </div> </div> </div> <div class="layout layout--onecol"> <div class="layout__region layout__region--content"> <div data-component-width="site" data-component-alignment="left" data-component-variation="default" class="text-field"> <div class="text-field__inner"> <div class="text"> <p>The following guidelines establish standards for video content creation at Yale. For more information, please contact <a href="mailto:dan.renzetti@yale.edu">Dan Renzetti</a> in the Office of Public Affairs and Communications (OPAC).</p> </div> </div> </div> <div data-component-width="site" class="divider__wrapper"> <div data-divider-position="left" class="divider__inner"> <div data-animate-item="enabled" class="divider" data-divider-width="100"></div> </div> </div> <div data-component-width="site" data-component-alignment="left" data-component-variation="default" class="text-field"> <div class="text-field__inner"> <div class="text"> <h2>Captions</h2> <p>To comply with the <a href="http://accessibility.yale.edu/">university鈥檚 accessibility policy</a>, all Yale videos must be presented with open (burned-in) or closed captions. Captions include dialogue, speaker identification, and descriptors for important music and sound effects. Captions can be added to your videos with your editing software or with third-party captioning tools.</p> <p>Captions should adhere to the CEA-608 standard, as this is what most digital platforms currently use. Export closed captions as a sidecar file supported by your target destination platform.</p> <p>Tips on how to effectively caption your video can be found on the <a href="https://dcmp.org/learn/225-captioning-tip-sheet">Described and Captioned Media Program鈥檚 Captioning Tip Sheet</a>.</p> <h3>Dialogue transcription</h3> <p>Several third-party tools can assist by automatically transcribing speech to text:</p> <ul> <li><strong>Premiere Pro </strong><em>(included with Premiere Pro): </em>With Premiere Pro 15.4 or later, you can <a href="https://helpx.adobe.com/premiere-pro/using/speech-to-text.html">automatically generate transcripts </a>and add them to your sequences.</li> <li><strong>YouTube</strong> <em>(free)</em>: YouTube鈥檚 <a href="https://support.google.com/youtube/answer/6373554">automatic transcriptions </a>can be exported as an SRT for further editing in other applications, or you can continue editing <a href="https://support.google.com/youtube/answer/2734796?hl=en&amp;zippy">with YouTube鈥檚 captioning tools</a>.</li> <li><a href="https://www.simonsays.ai/"><strong>Simon</strong> <strong>Says</strong> </a>and <a href="https://trint.com/"><strong>Trint</strong></a>: These paid services offer automatic transcription for video or audio you upload, and provide robust tools which let you edit your transcript and convert to captioning blocks which can be sent over to your editing software of choice.</li> <li><a href="https://www.rev.com/"><strong>Rev</strong></a>: Another paid service similar to those above, but supplements with human captioning for accuracy. As a result, transcripts take a bit longer to deliver and are a bit more expensive.</li> </ul> <h3>Formats for digital platforms</h3> <p>The list below can be used as reference to see what captioning file formats are supported by popular digital platforms when exporting sidecar closed caption files:</p> <ul> <li><a href="https://www.facebook.com/help/261764017354370"><strong>Facebook</strong></a>: SubRip (SRT)</li> <li><strong>Instagram</strong>:<strong> </strong>No caption file support (open captions only). Some auto-transcribe features are available for IGTV/Stories exclusively.</li> <li><a href="https://www.linkedin.com/help/linkedin/answer/93997/add-closed-captions-to-videos-on-linkedin"><strong>LinkedIn</strong></a>: SubRip (SRT)</li> <li><a href="https://help.twitter.com/en/using-twitter/media-studio-faqs#subtitles"><strong>Twitter</strong></a>: SubRip (SRT) <em>(via Media Studio)</em></li> <li><a href="https://vimeo.zendesk.com/hc/en-us/articles/224968828-Captions-and-subtitles"><strong>Vimeo</strong></a>: SRT, WebVTT, DFXP/TTML, SCC, and SAMI supported. Vimeo recommends using WebVTT.</li> <li><a href="https://support.google.com/youtube/answer/2734698"><strong>YouTube</strong></a>: Several file formats are supported<em>.</em></li> </ul> </div> </div> </div> <div data-component-width="site" class="divider__wrapper"> <div data-divider-position="left" class="divider__inner"> <div data-animate-item="enabled" class="divider" data-divider-width="75"></div> </div> </div> <div data-component-width="site" data-component-alignment="left" data-component-variation="default" class="text-field"> <div class="text-field__inner"> <div class="text"> <h2>Action & title safe zones</h2> <p>All Yale videos must contain all critical graphic and text elements within the action and title safe zones specified by SMPTE ST 2046-1:</p> <ul> <li><strong>Action Safe</strong>:<strong> </strong>93% of the width and height of the image frame (7% from frame edge).</li> <li><strong>Title Safe</strong>:<strong> </strong>90% of the width and height of the image frame (10% from frame edge).</li> </ul> </div> </div> </div> <div data-component-width="site" data-component-alignment="left" class="content-image"> <div class="content-image__inner"> <figure class="figure"> <div> <img loading="eager" srcset="/sites/default/files/styles/max_width_320/public/2023-10/safe-zones.jpg?itok=3UR-9Su2 320w, /sites/default/files/styles/max_width_444/public/2023-10/safe-zones.jpg?itok=lCMHIU3e 444w, /sites/default/files/styles/max_width_480/public/2023-10/safe-zones.jpg?itok=4q-kBte9 480w, /sites/default/files/styles/max_width_540/public/2023-10/safe-zones.jpg?itok=3bBWVEDM 540w, /sites/default/files/styles/max_width_640/public/2023-10/safe-zones.jpg?itok=5KnY5PHN 640w, /sites/default/files/styles/max_width_960/public/2023-10/safe-zones.jpg?itok=ER2SQfc8 706w" sizes="(min-width: 896px) 896px, 100vw" width="706" height="527" src="/sites/default/files/styles/max_width_320/public/2023-10/safe-zones.jpg?itok=3UR-9Su2" alt="Safe zone examples" /> </div> <figcaption class="caption"> <p>Example of action and title safe zones</p> </figcaption> </figure> </div> </div> <div data-component-width="site" class="divider__wrapper"> <div data-divider-position="left" class="divider__inner"> <div data-animate-item="enabled" class="divider" data-divider-width="75"></div> </div> </div> <div data-component-width="site" data-component-alignment="left" data-component-variation="default" class="text-field"> <div class="text-field__inner"> <div class="text"> <h2>Dimensions</h2> <p>When exporting video files, the aspect ratio of your export must match the primary aspect ratio of your edit. In general, you should not have letterboxing or pillarboxing burned into your export (this does not apply to occasional clips which might have a different aspect ratio from your primary footage).</p> </div> </div> </div> <div data-component-width="site" class="divider__wrapper"> <div data-divider-position="left" class="divider__inner"> <div data-animate-item="enabled" class="divider" data-divider-width="75"></div> </div> </div> <div data-component-width="site" data-component-alignment="left" data-component-variation="default" class="text-field"> <div class="text-field__inner"> <div class="text"> <h2>Copyright</h2> <p>Videos must only use content (music, sound effects, still images, and video) for which you have all necessary permissions and follow all license terms and conditions. Copyrighted content may not be used in any Yale video without permission from the creator.</p> <p>Many websites supply paid or free stock media for use in your videos:</p> <ul> <li><a href="https://www.youtube.com/audiolibrary"><strong>YouTube Audio Library</strong></a>: Free music and sound effects. Some clips require attribution, see license type.</li> <li><a href="https://mixkit.co/"><strong>Mixkit</strong></a>: Free stock video, music, sound effects, and video templates. No attribution required, <a href="https://mixkit.co/license/">see license terms</a>.</li> <li><strong>Various premium stock sites </strong>offer paid stock footage and/or music. Refer to each platform鈥檚 license terms for usage information. <ul> <li><a href="https://stock.adobe.com/">Adobe Stock</a></li> <li><a href="https://envato.com/">Envato Elements</a></li> <li><a href="https://www.pond5.com/">Pond5</a></li> <li><a href="https://www.premiumbeat.com/">PremiumBeat</a></li> </ul> </li> </ul> </div> </div> </div> <div data-component-width="site" class="divider__wrapper"> <div data-divider-position="left" class="divider__inner"> <div data-animate-item="enabled" class="divider" data-divider-width="75"></div> </div> </div> <div data-component-width="site" data-component-alignment="left" data-component-variation="default" class="text-field"> <div class="text-field__inner"> <div class="text"> <h2>Graphics package</h2> <p>The Office of Public Affairs and Communications offers a video graphics package for Yale-affiliated content creators. Using these graphics in your videos is not mandatory, but they can facilitate the creation of your videos and provide them with a streamlined look that incorporates Yale鈥檚 visual identity. The package includes several graphics templates for lower thirds, text elements, full-screen graphics, and an outro animation. <a href="/guidelines/video/guide-for-video-creators" data-entity-type="node" data-entity-uuid="f5e32096-91bd-4c77-a563-73cc3a41e971" data-entity-substitution="canonical" title="Guide for Video Creators">Log in to the Guide for Video Creators to download assets</a>. You may also contact <a href="mailto:lee.faulkner@yale.edu">Lee Faulkner</a>, digital assets manager in the Office of Public Affairs and Communications, for assistance.</p> </div> </div> </div> <div data-component-theme="one" data-component-width="site" data-component-alignment="center" class="callouts"> <div class="callouts__wrap"> <div class="callouts__inner"> <div class="callout"> <div class="callout__inner"> <h2 class="callout__heading"> Guide for video creators </h2> <div class="callout__text"><p>Are you a video creator at Yale? Learn how to submit your video to OPAC, set up your own video channel, and download assets.</p></div> <a data-cta-hover-style="fade" data-cta-radius="none" data-cta-style="outline" data-cta-outline-weight="2" href="/guidelines/video/guide-for-video-creators" class="callout__cta">View guide (CAS login required)</a> </div> </div> </div> </div> </div> </div> </div> </main> </div> <div id="block-yalesitesfooterblock"> <footer data-component-width="site" data-site-footer-border-thickness="8" data-footer-theme="one" data-footer-accent="two" data-footer-variation="basic" class="site-footer"> <div class="site-footer__inner"> <div class="site-footer__primary"> <div class="site-footer__branding"> <div class="site-footer__logo"> <a data-link-style="no-underline" class="site-footer__site-branding site-footer__site-branding--primary" href="https://yale.edu"></a> </div> </div> <div class="site-footer__columns"> </div> </div> <div class="site-footer__secondary"> <div class="site-footer__social"> </div> <div class="site-footer__meta"> <a data-link-style="underline-with-icon" data-link-type="external" class="link link--footer-link link--with-icon" href="https://usability.yale.edu/web-accessibility/accessibility-yale"> Accessibility at Yale</a> <span class="site-footer__divider">|</span> <a data-link-style="underline-with-icon" data-link-type="external" class="link link--footer-link link--with-icon" href="https://privacy.yale.edu/resources/privacy-statement"> Privacy Policy</a> <span class="site-footer__divider">|</span> <span>Copyright 漏 2024 Yale University. All rights reserved.</span> </div> </div> </div> </footer> </div> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/19","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"user":{"uid":0,"permissionsHash":"cfa5cdf4215c5bbf296f837771c78e975babd0dfdfb5a7e0ddabc92e23cab556"}}</script> <script src="/sites/default/files/js/js_nq4FWSuLRcbzzVyTJ0zfcwsqM7u-rZBJv00Y5bdGEcY.js?scope=footer&delta=0&language=en&theme=atomic&include=eJw1ykEKwDAIAMEPpeRJRY0UIdagNjS_76HktgwLaSpUr24Ivaw4yZxrSLLocJtc4D-S39yNztDIH8XYNFwUfB03zA9TjSBx"></script> <script src="https://siteimproveanalytics.com/js/siteanalyze_66356571.js" async></script> <script src="/sites/default/files/js/js_u_YAuYXTQsIlF-5yPargNywCQxc-TWRQ1FgsEv7_LI0.js?scope=footer&delta=2&language=en&theme=atomic&include=eJw1ykEKwDAIAMEPpeRJRY0UIdagNjS_76HktgwLaSpUr24Ivaw4yZxrSLLocJtc4D-S39yNztDIH8XYNFwUfB03zA9TjSBx"></script> </body> </html>