CINXE.COM

<!doctype html><html lang="en"><head>  <meta charset="utf-8"> <title>The Ultimate Guide to Subtitles</title> <link rel="shortcut icon" href="https://go.3playmedia.com/hubfs/logo-favon.png"> <meta name="description" content="This eBook offers an in-depth exploration of the different types of subtitles, their functionality, and how they compare to captions."> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="/hs/hsstatic/jquery-libs/static-1.1/jquery/jquery-1.7.1.js"></script> <script>hsjQuery = window['jQuery'];</script> <meta property="og:description" content="This eBook offers an in-depth exploration of the different types of subtitles, their functionality, and how they compare to captions."> <meta property="og:title" content="The Ultimate Guide to Subtitles"> <meta name="twitter:description" content="This eBook offers an in-depth exploration of the different types of subtitles, their functionality, and how they compare to captions."> <meta name="twitter:title" content="The Ultimate Guide to Subtitles"> <style> a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} </style> <link rel="stylesheet" href="https://go.3playmedia.com/hs-fs/hub/173833/hub_generated/template_assets/103819313804/1677167490314/marketplace/Drive_Web_Studio/Accelerator/css/main.min.css"> <link rel="stylesheet" href="https://go.3playmedia.com/hs-fs/hub/173833/hub_generated/template_assets/103810520477/1677167492954/marketplace/Drive_Web_Studio/Accelerator/css/theme-overrides.css"> <style> /* Layout */ .header__container { position: relative; } .header__wrapper { align-items: center; display: flex; margin: 0 auto; } .header__top { padding: 0.7rem 20px; } .header__bottom { padding: 20px; } @media (max-width: 767px) { .header__top { display: none; } .header__bottom { padding: 20px; } } /* Layout - left */ .header__container--left .header__language-switcher-col { margin-left: auto; } .header__container--left .header__wrapper--bottom { justify-content: space-between; } .header__container--left .header__menu-col { margin-left: auto; text-align: right; } .header__container--left .header__button-col { margin-left: 1rem; } @media (min-width: 767px) { .header__container--left .header__logo-col { flex: 1 0 0; } .header__container--left .header__menu-col { flex: 2 0 0; } } /* Layout - centered */ .header__container--centered .header__button-col { margin-left: auto; } .header__container--centered .header__wrapper--bottom { flex-wrap: wrap; text-align: center; } .header__container--centered .header__logo-col { margin-bottom: 1.4rem; width: 100%; } .header__container--centered .header__menu-col { width: 100%; } @media (max-width: 767px) { .header__container--centered .header__wrapper--bottom { justify-content: space-around; text-align: left; } .header__container--centered .header__logo-col, .header__container--centered .header__menu-col { margin-bottom: 0; width: auto; } } /* Language switcher */ .header__language-switcher { cursor: pointer; position: relative; } .header__language-switcher .lang_switcher_class { position: static; } /* Language switcher - top level menu item */ .header__language-switcher-label { display: flex; } .header__language-switcher-current-label { align-items: center; display: flex; margin-bottom: 5px; margin-left: 0.5rem; } .header__language-switcher-child-toggle svg { height: 12px; margin-left: 0.35rem; width: 12px; } /* Language switcher - submenu */ .header__language-switcher .lang_list_class { display: block; left: auto; opacity: 0; padding: 0; position: absolute; right: 0; text-align: left; top: 100%; transform: none; visibility: hidden; width: 200px; z-index: 99; } .header__language-switcher-label--open .lang_list_class, .header__language-switcher:hover .lang_list_class, .header__language-switcher:focus .lang_list_class { opacity: 1; visibility: visible; } .header__language-switcher .lang_list_class:after, .header__language-switcher .lang_list_class:before { content: none; } .header__language-switcher .lang_list_class li { border: none; margin: 0; padding: 0; } .header__language-switcher .lang_list_class li:first-child { border-top: none; padding-top: 0; } .header__language-switcher .lang_list_class li:last-child { border-bottom: 0; padding-bottom: 0; } .header__language-switcher .lang_list_class .lang_switcher_link { display: inline-flex; padding: 1rem 1.4rem; width: 100%; } @media (max-width: 767px) { .header__language-switcher .lang_list_class { border: none; display: none; position: static; width: 100%; } .header__language-switcher-label--open .lang_list_class { display: block; } .header__language-switcher-current-label { display: block; margin: 0; order: 1; padding: 1rem 0 1rem 1.4rem; width: 80%; } .header__language-switcher .globe_class { height: auto; width: 100%; } .header__language-switcher-label { display: flex; flex-wrap: wrap; } } /* Language switcher - icons */ @media (max-width: 767px) { .header__language-switcher-child-toggle, .header__language-switcher-child-toggle:hover, .header__language-switcher-child-toggle:focus, .header__language-switcher-child-toggle:active { border: 0; cursor: pointer; padding: 16px 30px; position: absolute; right: 0; top: 0; } .header__language-switcher-child-toggle svg { margin-left: 0; } .header__language-switcher-child-toggle--open svg { transform: rotate(180deg); transform-origin: 50% 50%; transition: transform 0.4s; } } /* Logo */ .header__logo img { height: auto; max-width: 100%; } /* Menu */ .header__menu-container--mobile { display: none; } .header__menu--mobile { display: none; position: absolute; right: 0; top: 100%; width: 100%; z-index: 99; } @media (max-width: 767px) { .header__menu--desktop { display: none; } .header__menu-container--mobile { display: block; } .header__menu--show { display: block; } } /* Menu items */ .header__menu-item { display: inline-flex; position: relative; cursor: pointer !important; } .header__menu-link { width: 100%; } @media (max-width: 767px) { .header__menu-item { display: block; text-align: left; width: 100%; } .header__menu-link { display: block; padding: 1rem 1.4rem; } .header__menu-item--has-submenu .header__menu-link { width: 80%; } } /* Menu items - top level */ .header__menu-item--depth-1 { padding: 0 1rem; } @media (max-width: 767px) { .header__menu-item--depth-1 { padding: 0; } } /* Menu items - submenus */ .header__menu-submenu { display: none; left: -1px; position: absolute; text-align: left; top: 100%; width: 290px; z-index: 99; } .header__menu-item--open > .header__menu-submenu { display: block; } .header__menu-item--depth-1:last-child > .header__menu-submenu { left: auto; right: 0; } .header__menu-submenu--level-3 { left: 100%; top: 0; } .header__menu-item--depth-1:nth-last-child(-n + 2) .header__menu-submenu--level-3 { left: auto; right: 100%; top: 0; } .header__menu-submenu .header__menu-item { background-color: inherit; width: 100%; } .header__menu-submenu .header__menu-link { display: inline-flex; padding: 1rem 1.4rem; } .header__menu-item--button { padding: 1rem 1.4rem; } @media (max-width: 767px) { .header__menu-submenu, .header__menu-submenu--level-3, .header__menu-item--depth-1:nth-last-child(-n + 2) .header__menu-submenu--level-3 { border: none; position: static; width: 100%; } .header__menu-item--depth-2 > .header__menu-link { margin-left: 20px; } .header__menu-item--depth-3 > .header__menu-link { margin-left: 40px; } .header__menu-item--depth-5 > .header__menu-link, .header__menu-item--depth-6 > .header__menu-link, .header__menu-item--depth-7 > .header__menu-link, .header__menu-item--depth-8 > .header__menu-link, .header__menu-item--depth-9 > .header__menu-link, .header__menu-item--depth-10 > .header__menu-link { margin-left: 40px; } } /* Menu icons */ @media (min-width: 767px) { .header__menu-submenu .header__menu-child-toggle { margin-left: auto; padding: 1rem 1.4rem; } } .header__menu-child-toggle svg { height: 12px; margin-left: 0.5rem; width: 12px; } .header__menu-toggle { display: none; } .header__menu-toggle svg { height: 30px; width: 30px; } @media (max-width: 767px) { .header__menu-child-toggle, .header__menu-child-toggle:hover, .header__menu-child-toggle:focus, .header__menu-child-toggle:active { border: 0; cursor: pointer; padding: 16px 30px; position: absolute; right: 0; top: 0; } .header__menu-child-toggle svg { margin-left: 0; } .header__menu-child-toggle--open svg { transform: rotate(180deg); transform-origin: 50% 50%; transition: transform 0.4s; } .header__menu-toggle--show { display: block; } } /* Position */ header.header__fixed { position: fixed; left: 0; right: 0; z-index: 999; } </style> <style> /* List icons */ .list__icon { margin-right: 1rem; } /* List item */ .list__item { margin-top: 0; } /* List item content */ .list__item p, .list__item h1, .list__item h2, .list__item h3, .list__item h4, .list__item h5, .list__item h6, .list__item blockquote { margin-bottom: 0.7rem; } </style> <link rel="stylesheet" href="https://go.3playmedia.com/hs-fs/hub/173833/hub_generated/module_assets/1677160975325/module_103818206310_logo-slider.css"> <link rel="stylesheet" href="https://go.3playmedia.com/hs-fs/hub/173833/hub_generated/module_assets/103817476712/1677160976087/module_103817476712_social-follow.min.css"> <style> @font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/regular.woff") format("woff"); } @font-face { font-family: "Inter"; font-weight: 600; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/600.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/600.woff") format("woff"); } @font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/regular.woff") format("woff"); } @font-face { font-family: "DM Serif Display"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/DM_Serif_Display/regular.woff2") format("woff2"), url("/_hcms/googlefonts/DM_Serif_Display/regular.woff") format("woff"); } @font-face { font-family: "DM Serif Display"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/DM_Serif_Display/regular.woff2") format("woff2"), url("/_hcms/googlefonts/DM_Serif_Display/regular.woff") format("woff"); } </style>  <style id="hs_editor_style" type="text/css"> #hs_cos_wrapper_widget_1677165859383 input[type="text"] { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 input[type="email"] { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 textarea { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 input[type="number"] { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 select { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 input[type="file"] { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 input[type="tel"] { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 input[type="date"] { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 input[type="text"] { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 input[type="email"] { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 textarea { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 input[type="number"] { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 select { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 input[type="file"] { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 input[type="tel"] { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } #hs_cos_wrapper_widget_1677165859383 input[type="date"] { border-color: #000000 !important; border-style: solid !important; border-width: 1px !important } .header-row-0-force-full-width-section > .row-fluid { max-width: none !important; } .dnd_area-module-9-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .dnd_area-module-9-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .dnd_area-module-17-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .dnd_area-module-17-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } .widget_1677165083517-flexbox-positioning { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-align: center !important; -ms-flex-pack: start; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start; } .widget_1677165083517-flexbox-positioning > div { max-width: 100%; flex-shrink: 0 !important; } /* HubSpot Non-stacked Media Query Styles */ @media (min-width:768px) { .dnd_area-column-13-row-0-vertical-alignment > .row-fluid { display: -ms-flexbox !important; -ms-flex-direction: row; display: flex !important; flex-direction: row; } .cell_1677166925216-vertical-alignment { display: -ms-flexbox !important; -ms-flex-direction: column !important; -ms-flex-pack: center !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cell_1677166925216-vertical-alignment > div { flex-shrink: 0 !important; } } /* HubSpot Styles (default) */ .header-row-0-padding { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } .dnd_area-row-0-padding { padding-top: 100px !important; padding-bottom: 100px !important; } .dnd_area-row-0-background-layers { background-image: url('https://go.3playmedia.com/hubfs/raw_assets/public/@marketplace/Drive_Web_Studio/Accelerator/images/bg-bottom-pyramid.png') !important; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } .dnd_area-row-1-padding { padding-top: 100px !important; padding-bottom: 100px !important; } .dnd_area-row-1-background-layers { background-image: linear-gradient(rgba(250, 250, 250, 1), rgba(250, 250, 250, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-2-padding { padding-top: 100px !important; padding-bottom: 100px !important; } .dnd_area-row-3-padding { padding-bottom: 40px !important; } .dnd_area-row-3-background-layers { background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-column-4-padding { padding-left: 40px !important; } .dnd_area-column-1-padding { padding-right: 40px !important; } .dnd_area-column-8-padding { padding-right: 40px !important; } .dnd_area-column-16-padding { padding-left: 30px !important; } .footer-row-0-padding { padding-top: 48px !important; padding-bottom: 0px !important; } .footer-row-1-padding { padding-top: 48px !important; padding-bottom: 48px !important; } /* HubSpot Styles (mobile) */ @media (max-width: 767px) { .dnd_area-row-0-padding { padding-top: 80px !important; padding-bottom: 80px !important; } .dnd_area-row-1-padding { padding-top: 0px !important; } .dnd_area-column-4-margin { margin-top: 30px !important; } .dnd_area-column-4-padding { padding-left: 0px !important; } .dnd_area-column-1-padding { padding-right: 0px !important; } .dnd_area-column-8-padding { padding-bottom: 20px !important; padding-right: 0px !important; } .dnd_area-column-16-margin { margin-top: 30px !important; } .dnd_area-column-16-padding { padding-left: 0px !important; } } </style> <link rel="canonical" href="https://go.3playmedia.com/wp-ultimate-guide-to-subtitles">  <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-KVHW6WH');</script>  <meta property="og:image" content="https://go.3playmedia.com/hubfs/The%20Ultimate%20Guide%20to%20Subtitles_social.jpg"> <meta property="og:image:width" content="940"> <meta property="og:image:height" content="470"> <meta property="og:image:alt" content="The Ultimate Guide to Subtitles: Different Types, How They Work, and When to Use Them. Download the eBook."> <meta name="twitter:image" content="https://go.3playmedia.com/hubfs/The%20Ultimate%20Guide%20to%20Subtitles_social.jpg"> <meta name="twitter:image:alt" content="The Ultimate Guide to Subtitles: Different Types, How They Work, and When to Use Them. Download the eBook."> <meta property="og:url" content="https://go.3playmedia.com/wp-ultimate-guide-to-subtitles"> <meta name="twitter:card" content="summary_large_image"> <meta name="generator" content="HubSpot"></head> <body> <div class="body-wrapper hs-content-id-121876660755 hs-landing-page hs-page hs-content-path-wp-ultimate-guide-to-subtitles hs-content-name-the-ultimate-guide-to-subtitles "> <div data-global-resource-path="@marketplace/Drive_Web_Studio/Accelerator/templates/partials/header.html"><header class="header"> <a href="#main-content" class="header__skip">Skip to content</a> <div class="container-fluid"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section header-row-0-padding header-row-0-force-full-width-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_header-module-1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <style> #hs_cos_wrapper_header-module-1 .header__top {} #hs_cos_wrapper_header-module-1 .header__language-switcher-current-label>span {} #hs_cos_wrapper_header-module-1 .header__language-switcher:hover .header__language-switcher-current-label>span, #hs_cos_wrapper_header-module-1 .header__language-switcher:focus .header__language-switcher-current-label>span {} #hs_cos_wrapper_header-module-1 .header__language-switcher .lang_list_class a:hover, #hs_cos_wrapper_header-module-1 .header__language-switcher .lang_list_class a:focus {} #hs_cos_wrapper_header-module-1 .header__language-switcher .lang_list_class a:active {} #hs_cos_wrapper_header-module-1 .header__menu-link {} #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link:hover, #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link:focus {} #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link:active {} #hs_cos_wrapper_header-module-1 .header__menu-item--depth-1>.header__menu-link--active-link {} #hs_cos_wrapper_header-module-1 .header__menu-submenu .header__menu-link:hover, #hs_cos_wrapper_header-module-1 .header__menu-submenu .header__menu-link:focus {} #hs_cos_wrapper_header-module-1 .button {} #hs_cos_wrapper_header-module-1 .button:hover, #hs_cos_wrapper_header-module-1 .button:focus {} #hs_cos_wrapper_header-module-1 .button:active {} </style> <div class="header__container header__container--left"> <div class="header__bottom"> <div class="header__wrapper header__wrapper--bottom"> <div class="header__logo-col"> <div class="header__logo"> <img class="header__logo-image" src="https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-1.png?width=4193&height=539&name=3play-logo-blackText-transparentBG-1.png" loading="eager" alt="3Play Media" height="539" width="4193" srcset="https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-1.png?width=2097&height=270&name=3play-logo-blackText-transparentBG-1.png 2097w, https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-1.png?width=4193&height=539&name=3play-logo-blackText-transparentBG-1.png 4193w, https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-1.png?width=6290&height=809&name=3play-logo-blackText-transparentBG-1.png 6290w, https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-1.png?width=8386&height=1078&name=3play-logo-blackText-transparentBG-1.png 8386w, https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-1.png?width=10483&height=1348&name=3play-logo-blackText-transparentBG-1.png 10483w, https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-1.png?width=12579&height=1617&name=3play-logo-blackText-transparentBG-1.png 12579w" sizes="(max-width: 4193px) 100vw, 4193px"> </div> </div> <div class="header__menu-col"> <nav class="header__menu header__menu--desktop" aria-label="Desktop navigation"> <ul class="header__menu-wrapper no-list"> <li class="header__menu-item header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://www.3playmedia.com/learn/webinars/">Webinars</a> </li> <li class="header__menu-item header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://www.3playmedia.com/blog/">Blog</a> </li> <li class="header__menu-item header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://www.3playmedia.com/learn/white-papers/">eBooks</a> </li> </ul> </nav> <div class="header__menu-container header__menu-container--mobile"> <button class="header__menu-toggle header__menu-toggle--open header__menu-toggle--show no-button"> <span class="show-for-sr">Open main navigation</span> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" width="24" aria-hidden="true"><g id="bars1_layer"><path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z" /></g></svg> </button> <button class="header__menu-toggle header__menu-toggle--close no-button"> <span class="show-for-sr">Close main navigation</span> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 384 512" width="24" aria-hidden="true"><g id="times2_layer"><path d="M323.1 441l53.9-53.9c9.4-9.4 9.4-24.5 0-33.9L279.8 256l97.2-97.2c9.4-9.4 9.4-24.5 0-33.9L323.1 71c-9.4-9.4-24.5-9.4-33.9 0L192 168.2 94.8 71c-9.4-9.4-24.5-9.4-33.9 0L7 124.9c-9.4 9.4-9.4 24.5 0 33.9l97.2 97.2L7 353.2c-9.4 9.4-9.4 24.5 0 33.9L60.9 441c9.4 9.4 24.5 9.4 33.9 0l97.2-97.2 97.2 97.2c9.3 9.3 24.5 9.3 33.9 0z" /></g></svg> </button> <nav class="header__menu header__menu--mobile" aria-label="Mobile navigation"> <ul class="header__menu-wrapper no-list"> <li class="header__menu-item header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://www.3playmedia.com/learn/webinars/">Webinars</a> </li> <li class="header__menu-item header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://www.3playmedia.com/blog/">Blog</a> </li> <li class="header__menu-item header__menu-item--depth-1 hs-skip-lang-url-rewrite"> <a class="header__menu-link " href="https://www.3playmedia.com/learn/white-papers/">eBooks</a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </header></div> <main id="main-content"> <div class="container-fluid"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd_area-row-0-background-layers dnd-section dnd_area-row-0-padding dnd_area-row-0-background-image"> <div class="row-fluid "> <div class="span6 widget-span widget-type-cell dnd_area-column-1-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_dnd_area-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_dnd_area-module-2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><div style="text-transform: uppercase; letter-spacing: 3px; text-align: left; font-size: 14px;"><span style="color: #e6006f;"><strong>FREE EBOOK</strong></span></div> <h1 style="text-align: left;">The Ultimate Guide to Subtitles: Different Types, How They Work, and When to Use Them</h1> <div style="font-size: 20px; line-height: 1.5; text-align: left;">Video subtitling is an instrumental tool in reaching untapped global markets and making your video content accessible to other countries in an array of languages.</div> <div style="font-size: 20px; line-height: 1.5; text-align: left;"><br>However, subtitling can be a complex and nuanced media accessibility solution, especially when compared to captions.</div> <div style="font-size: 20px; line-height: 1.5; text-align: left;"><br>Using the knowledge and experience of 3Play’s tenured subtitling experts, we created this eBook to help you gain a comprehensive understanding of video subtitling.<br><br>Topics include: </div></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_dnd_area-module-3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <style> #hs_cos_wrapper_dnd_area-module-3 .list { list-style:none; padding-left:0; } #hs_cos_wrapper_dnd_area-module-3 .list__item { align-items:center; display:flex; width:100%; } #hs_cos_wrapper_dnd_area-module-3 .list__item { margin-top:20px; margin-bottom:20px; } #hs_cos_wrapper_dnd_area-module-3 .list__icon { padding:8px; } #hs_cos_wrapper_dnd_area-module-3 .list__icon svg { fill:#030303; height:14px; width:14px; } </style> <ul class="list"> <li class="list__item"> <span class="icon--small icon--light "> <span id="hs_cos_wrapper_dnd_area-module-3_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon list__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-hidden="true"><g id="check1_layer"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></g></svg></span> </span> <div class="list__content"> <div style="font-size: 20px;">Different types of subtitles</div> </div> </li> <li class="list__item"> <span class="icon--small icon--light "> <span id="hs_cos_wrapper_dnd_area-module-3_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon list__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-hidden="true"><g id="check2_layer"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></g></svg></span> </span> <div class="list__content"> <div style="font-size: 20px;">How each subtitling type functions</div> </div> </li> <li class="list__item"> <span class="icon--small icon--light "> <span id="hs_cos_wrapper_dnd_area-module-3_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon list__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-hidden="true"><g id="check3_layer"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></g></svg></span> </span> <div class="list__content"> <div style="font-size: 20px;">Comparing individual subtitling types & how they stack up against captions</div> </div> </li> <li class="list__item"> <span class="icon--small icon--light "> <span id="hs_cos_wrapper_dnd_area-module-3_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon list__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-hidden="true"><g id="check4_layer"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" /></g></svg></span> </span> <div class="list__content"> <div style="font-size: 20px;">How to choose the right subtitling solution for your viewers, based on use case</div> </div> </li> </ul></div> </div> </div> </div> </div> <div class="span6 widget-span widget-type-cell dnd_area-column-4-margin dnd_area-column-4-padding dnd-column" style="" data-widget-type="cell" data-x="6" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_dnd_area-module-5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-form widget-type-form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_dnd_area-module-5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"> <div id="hs_form_target_dnd_area-module-5"></div> </span> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1677165859383" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_widget_1677165859383_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_widget_1677165859383_title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text">Download the Guide:</h3> <div id="hs_form_target_widget_1677165859383"></div> </span> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-6 dnd_area-row-1-padding dnd_area-row-1-background-color dnd-section dnd_area-row-1-background-layers"> <div class="row-fluid "> <div class="span6 widget-span widget-type-cell dnd_area-column-8-padding dnd-column" style="" data-widget-type="cell" data-x="0" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd_area-module-9-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_dnd_area-module-9" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image widget-type-linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_dnd_area-module-9_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="linked_image"><img src="https://go.3playmedia.com/hubfs/excerpt.jpg" class="hs-image-widget " style="max-width: 100%; height: auto;" alt="Person holding laptop" title="Person holding laptop" loading="lazy"></span></div> </div> </div> </div> </div> <div class="span6 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="6" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_module_1677165910152" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_module_1677165910152_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><div style="text-transform: uppercase; letter-spacing: 3px; text-align: left;"><span style="color: #e6006f;"><strong>EXCERPT</strong></span></div> <h2>Subtitling 101 </h2> <p><span>Subtitles, at their core, are a timed text accessibility and translation solution. In the context of media production, timed text files are usually intended to pair the transcription of dialogue and/or sound to media. The timing information allows the text to be synchronized to specific time codes of media.</span></p> <div><span>Subtitles can be open or closed. Open subtitles are permanently burned into the media and cannot be turned off. Closed subtitles are usually paired to media via a sidecar file and can be toggled on and off, depending on the user’s preference.<br><br>There are a few different types of subtitles, but the primary three used across industries today are:<br><br>• Subtitles for the D/deaf and hard of hearing (SDH)<br>• Non-subtitles for the D/deaf and hard of hearing (non-SDH)<br>• Forced narrative subtitles (FN)</span></div></span></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-9 dnd_area-row-2-padding dnd-section"> <div class="row-fluid "> <div class="span5 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="5"> <div class="row-fluid-wrapper row-depth-1 row-number-10 dnd_area-column-13-row-0-vertical-alignment dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_1677166925216-vertical-alignment dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_dnd_area-module-14" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_dnd_area-module-14_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><div style="text-transform: uppercase; letter-spacing: 3px; text-align: left;"><span style="color: #e6006f;"><strong>ABOUT 3PLAY MEDIA</strong></span></div> <h2>A Full Service Media Accessibility Solution</h2> <p style="font-size: 18px; line-height: 1.5;">3Play Media is an integrated media accessibility platform with patented solutions for closed captioning, transcription, live captioning, audio description, and localization. 3Play is a thought leader in video accessibility, and is committed to providing free, educational resources like this one.</p></span></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_dnd_area-module-15" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <style> #hs_cos_wrapper_dnd_area-module-15 .button-wrapper {} #hs_cos_wrapper_dnd_area-module-15 .button { background-color:rgba(230,0,111,1.0); border:3px solid #e6006f; font-style:normal; font-weight:bold; text-decoration:none; } #hs_cos_wrapper_dnd_area-module-15 .button:hover, #hs_cos_wrapper_dnd_area-module-15 .button:focus { background-color:rgba(255,255,255,1.0); color:#e6006f; font-weight:bold; text-decoration:none; font-family:helvetica; font-style:normal; } #hs_cos_wrapper_dnd_area-module-15 .button:active { background-color:rgba(255,255,255,1.0); color:#e6006f; font-weight:bold; text-decoration:none; font-family:helvetica; font-style:normal; } </style> <div class="button-wrapper"> <a href="https://www.3playmedia.com/services/" class="button button--highlight " target="_blank" rel="noopener"> View Solutions </a> </div></div> </div> </div> </div> </div> <div class="span7 widget-span widget-type-cell dnd_area-column-16-margin dnd_area-column-16-padding dnd-column" style="" data-widget-type="cell" data-x="5" data-w="7"> <div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd_area-module-17-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_dnd_area-module-17" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-linked_image widget-type-linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_dnd_area-module-17_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_linked_image" style="" data-hs-cos-general-type="widget" data-hs-cos-type="linked_image"><img src="https://go.3playmedia.com/hubfs/Introducing%203Play%20Media.png" class="hs-image-widget " style="max-width: 100%; height: auto;" alt="Introducing 3Play Media" title="Introducing 3Play Media" loading="lazy"></span></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-section dnd_area-row-3-padding dnd_area-row-3-background-layers dnd_area-row-3-background-color"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-15 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_dnd_area-module-7" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div id="logo-slider--dnd_area-module-7" class="hide"> <div> <img loading="lazy" src="https://go.3playmedia.com/hs-fs/hubfs/viacom-white.png?width=150&height=75&name=viacom-white.png" alt="viacom-white" width="150" height="75" srcset="https://go.3playmedia.com/hs-fs/hubfs/viacom-white.png?width=75&height=38&name=viacom-white.png 75w, https://go.3playmedia.com/hs-fs/hubfs/viacom-white.png?width=150&height=75&name=viacom-white.png 150w, https://go.3playmedia.com/hs-fs/hubfs/viacom-white.png?width=225&height=113&name=viacom-white.png 225w, https://go.3playmedia.com/hs-fs/hubfs/viacom-white.png?width=300&height=150&name=viacom-white.png 300w, https://go.3playmedia.com/hs-fs/hubfs/viacom-white.png?width=375&height=188&name=viacom-white.png 375w, https://go.3playmedia.com/hs-fs/hubfs/viacom-white.png?width=450&height=225&name=viacom-white.png 450w" sizes="(max-width: 150px) 100vw, 150px"> </div> <div> <img loading="lazy" src="https://go.3playmedia.com/hs-fs/hubfs/oracle-white.png?width=150&height=75&name=oracle-white.png" alt="oracle-white" width="150" height="75" srcset="https://go.3playmedia.com/hs-fs/hubfs/oracle-white.png?width=75&height=38&name=oracle-white.png 75w, https://go.3playmedia.com/hs-fs/hubfs/oracle-white.png?width=150&height=75&name=oracle-white.png 150w, https://go.3playmedia.com/hs-fs/hubfs/oracle-white.png?width=225&height=113&name=oracle-white.png 225w, https://go.3playmedia.com/hs-fs/hubfs/oracle-white.png?width=300&height=150&name=oracle-white.png 300w, https://go.3playmedia.com/hs-fs/hubfs/oracle-white.png?width=375&height=188&name=oracle-white.png 375w, https://go.3playmedia.com/hs-fs/hubfs/oracle-white.png?width=450&height=225&name=oracle-white.png 450w" sizes="(max-width: 150px) 100vw, 150px"> </div> <div> <img loading="lazy" src="https://go.3playmedia.com/hs-fs/hubfs/mit-white.png?width=150&height=75&name=mit-white.png" alt="mit-white" width="150" height="75" srcset="https://go.3playmedia.com/hs-fs/hubfs/mit-white.png?width=75&height=38&name=mit-white.png 75w, https://go.3playmedia.com/hs-fs/hubfs/mit-white.png?width=150&height=75&name=mit-white.png 150w, https://go.3playmedia.com/hs-fs/hubfs/mit-white.png?width=225&height=113&name=mit-white.png 225w, https://go.3playmedia.com/hs-fs/hubfs/mit-white.png?width=300&height=150&name=mit-white.png 300w, https://go.3playmedia.com/hs-fs/hubfs/mit-white.png?width=375&height=188&name=mit-white.png 375w, https://go.3playmedia.com/hs-fs/hubfs/mit-white.png?width=450&height=225&name=mit-white.png 450w" sizes="(max-width: 150px) 100vw, 150px"> </div> <div> <img loading="lazy" src="https://go.3playmedia.com/hs-fs/hubfs/2u-white.png?width=150&height=75&name=2u-white.png" alt="2u-white" width="150" height="75" srcset="https://go.3playmedia.com/hs-fs/hubfs/2u-white.png?width=75&height=38&name=2u-white.png 75w, https://go.3playmedia.com/hs-fs/hubfs/2u-white.png?width=150&height=75&name=2u-white.png 150w, https://go.3playmedia.com/hs-fs/hubfs/2u-white.png?width=225&height=113&name=2u-white.png 225w, https://go.3playmedia.com/hs-fs/hubfs/2u-white.png?width=300&height=150&name=2u-white.png 300w, https://go.3playmedia.com/hs-fs/hubfs/2u-white.png?width=375&height=188&name=2u-white.png 375w, https://go.3playmedia.com/hs-fs/hubfs/2u-white.png?width=450&height=225&name=2u-white.png 450w" sizes="(max-width: 150px) 100vw, 150px"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <div data-global-resource-path="@marketplace/Drive_Web_Studio/Accelerator/templates/partials/website-footer.html"><footer class="footer"> <div class="container-fluid"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section footer-row-0-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget widget_1677165083517-flexbox-positioning dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1677165083517" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <span id="hs_cos_wrapper_widget_1677165083517_hs_logo_widget" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://www.3playmedia.com" target="_blank" id="hs-link-widget_1677165083517_hs_logo_widget" rel="noopener" style="border-width:0px;border:0px;"><img src="https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-2.png?width=250&height=32&name=3play-logo-blackText-transparentBG-2.png" class="hs-image-widget " height="32" style="height: auto;width:250px;border-width:0px;border:0px;" width="250" alt="3Play Media" title="3Play Media" srcset="https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-2.png?width=125&height=16&name=3play-logo-blackText-transparentBG-2.png 125w, https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-2.png?width=250&height=32&name=3play-logo-blackText-transparentBG-2.png 250w, https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-2.png?width=375&height=48&name=3play-logo-blackText-transparentBG-2.png 375w, https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-2.png?width=500&height=64&name=3play-logo-blackText-transparentBG-2.png 500w, https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-2.png?width=625&height=80&name=3play-logo-blackText-transparentBG-2.png 625w, https://go.3playmedia.com/hs-fs/hubfs/3play-logo-blackText-transparentBG-2.png?width=750&height=96&name=3play-logo-blackText-transparentBG-2.png 750w" sizes="(max-width: 250px) 100vw, 250px"></a></span> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1677174994082" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <style> #hs_cos_wrapper_widget_1677174994082 .social-follow { justify-content:center; } #hs_cos_wrapper_widget_1677174994082 .social-follow__link {} #hs_cos_wrapper_widget_1677174994082 .social-follow__icon {} #hs_cos_wrapper_widget_1677174994082 .social-follow__icon svg {} </style> <div class="social-follow"> <a href="https://www.facebook.com/3playmedia/" class="social-follow__link"> <span class=" "> <span id="hs_cos_wrapper_widget_1677174994082_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon social-follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 264 512" aria-labelledby="facebook-f1" role="img"><title id="facebook-f1">facebook-f icon</title><g id="facebook-f1_layer"><path d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229" /></g></svg></span> </span> </a> <a href="https://www.linkedin.com/company/3play-media/" class="social-follow__link"> <span class=" "> <span id="hs_cos_wrapper_widget_1677174994082_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon social-follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-labelledby="linkedin-in2" role="img"><title id="linkedin-in2">linkedin-in icon</title><g id="linkedin-in2_layer"><path d="M100.3 480H7.4V180.9h92.9V480zM53.8 140.1C24.1 140.1 0 115.5 0 85.8 0 56.1 24.1 32 53.8 32c29.7 0 53.8 24.1 53.8 53.8 0 29.7-24.1 54.3-53.8 54.3zM448 480h-92.7V334.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V480h-92.8V180.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V480z" /></g></svg></span> </span> </a> <a href="https://www.twitter.com/3playmedia/" class="social-follow__link"> <span class=" "> <span id="hs_cos_wrapper_widget_1677174994082_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon social-follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" aria-labelledby="twitter3" role="img"><title id="twitter3">twitter icon</title><g id="twitter3_layer"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z" /></g></svg></span> </span> </a> <a href="https://www.instagram.com/3playmedia/" class="social-follow__link"> <span class=" "> <span id="hs_cos_wrapper_widget_1677174994082_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon social-follow__icon icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-labelledby="instagram4" role="img"><title id="instagram4">instagram icon</title><g id="instagram4_layer"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /></g></svg></span> </span> </a> </div></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-section footer-row-1-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_footer-module-11" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer-module-11_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><div style="text-align: right;"><p>Copyright © 2024, 3Play Media</p></div></span></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </footer></div> </div>  <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script> <script src="https://go.3playmedia.com/hs-fs/hub/173833/hub_generated/template_assets/103810404278/1677167501729/marketplace/Drive_Web_Studio/Accelerator/js/main.min.js"></script> <script> var hsVars = hsVars || {}; hsVars['language'] = 'en'; </script> <script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script> <script> var module_103817476710 = (function() { // Website header variables var menuParentItems = document.querySelectorAll('.header__menu--desktop .header__menu-item--has-submenu'); var openToggle = document.querySelectorAll('.header__menu-toggle--open'); var closeToggle = document.querySelectorAll('.header__menu-toggle--close'); var mobileChildToggle = document.querySelectorAll('.header__menu--mobile .header__menu-child-toggle'); var langToggle = document.querySelectorAll('.header__language-switcher-child-toggle'); // Desktop menu if (menuParentItems) { Array.prototype.forEach.call(menuParentItems, function(el){ // Link variables var childToggle = el.querySelector('.header__menu-child-toggle'); // Handles hover over el.addEventListener('mouseover', function(){ this.classList.add('header__menu-item--open'); this.querySelector('a').setAttribute('aria-expanded', 'true'); this.querySelector('button').setAttribute('aria-expanded', 'true'); }); // Handles hover out el.addEventListener('mouseout', function(){ document.querySelector('.header__menu-item--open > a').setAttribute('aria-expanded', 'false'); document.querySelector('.header__menu-item--open > button').setAttribute('aria-expanded', 'false'); document.querySelector('.header__menu-item--open').classList.remove('header__menu-item--open'); }); // Handles toggle for submenus childToggle.addEventListener('click', function(){ if (this.parentNode.classList.contains('header__menu-item--open')) { this.parentNode.classList.remove('header__menu-item--open'); this.parentNode.querySelector('a').setAttribute('aria-expanded', 'false'); this.parentNode.querySelector('button').setAttribute('aria-expanded', 'false'); } else { this.parentNode.classList.add('header__menu-item--open'); this.parentNode.querySelector('a').setAttribute('aria-expanded', 'true'); this.parentNode.querySelector('button').setAttribute('aria-expanded', 'true'); } }); }); } // Mobile menu // Opens mobile menu Array.prototype.forEach.call(openToggle, function(el){ var closeToggle = el.parentElement.querySelector('.header__menu-toggle--close'); var mobileMenu = el.parentElement.querySelector('.header__menu--mobile'); el.addEventListener('click', function(){ this.classList.toggle('header__menu-toggle--show'); closeToggle.classList.toggle('header__menu-toggle--show'); mobileMenu.classList.toggle('header__menu--show'); }); }); // Closes mobile menu Array.prototype.forEach.call(closeToggle, function(el){ var openToggle = el.parentElement.querySelector('.header__menu-toggle--open'); var mobileMenu = el.parentElement.querySelector('.header__menu--mobile'); el.addEventListener('click', function(){ this.classList.toggle('header__menu-toggle--show'); openToggle.classList.toggle('header__menu-toggle--show'); mobileMenu.classList.toggle('header__menu--show'); }); }); // Handles toggle for submenus if (mobileChildToggle) { Array.prototype.forEach.call(mobileChildToggle, function(el){ el.addEventListener('click', function(){ this.classList.toggle('header__menu-child-toggle--open'); if (this.parentNode.classList.contains('header__menu-item--open')) { this.parentNode.classList.remove('header__menu-item--open'); this.parentNode.querySelector('a').setAttribute('aria-expanded', 'false'); this.parentNode.querySelector('button').setAttribute('aria-expanded', 'false'); } else { this.parentNode.classList.add('header__menu-item--open'); this.parentNode.querySelector('a').setAttribute('aria-expanded', 'true'); this.parentNode.querySelector('button').setAttribute('aria-expanded', 'true'); } }); }); } // Language switcher // Handles toggle for language switcher submenu if (langToggle) { Array.prototype.forEach.call(langToggle, function(el){ el.addEventListener('click', function(){ this.classList.toggle('header__language-switcher-child-toggle--open'); this.parentElement.parentElement.classList.toggle('header__language-switcher-label--open'); }); }); } })(); </script>  <script data-hs-allowed="true" src="/_hcms/forms/v2.js"></script> <script data-hs-allowed="true"> var options = { portalId: '173833', formId: '590c43b0-3a22-4494-9030-1d58f12dabd7', formInstanceId: '5255', pageId: '121876660755', region: 'na1', pageName: "The Ultimate Guide to Subtitles", redirectUrl: "http:\/\/www.daveroma.com", css: '', target: '#hs_form_target_dnd_area-module-5', contentType: "landing-page", formsBaseUrl: '/_hcms/forms/', formData: { cssClass: 'hs-form stacked hs-custom-form' } }; options.getExtraMetaDataBeforeSubmit = function() { var metadata = {}; if (hbspt.targetedContentMetadata) { var count = hbspt.targetedContentMetadata.length; var targetedContentData = []; for (var i = 0; i < count; i++) { var tc = hbspt.targetedContentMetadata[i]; if ( tc.length !== 3) { continue; } targetedContentData.push({ definitionId: tc[0], criterionId: tc[1], smartTypeId: tc[2] }); } metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData); } return metadata; }; hbspt.forms.create(options); </script> <script data-hs-allowed="true"> var options = { portalId: '173833', formId: '3e6e1366-f228-4d22-9429-735b4bf5746b', formInstanceId: '6754', pageId: '121876660755', region: 'na1', pageName: "The Ultimate Guide to Subtitles", redirectUrl: "https:\/\/www.3playmedia.com\/learn\/white-papers\/the-ultimate-guide-to-subtitles-thank-you\/", css: '', target: '#hs_form_target_widget_1677165859383', contentType: "landing-page", formsBaseUrl: '/_hcms/forms/', formData: { cssClass: 'hs-form stacked hs-custom-form' } }; options.getExtraMetaDataBeforeSubmit = function() { var metadata = {}; if (hbspt.targetedContentMetadata) { var count = hbspt.targetedContentMetadata.length; var targetedContentData = []; for (var i = 0; i < count; i++) { var tc = hbspt.targetedContentMetadata[i]; if ( tc.length !== 3) { continue; } targetedContentData.push({ definitionId: tc[0], criterionId: tc[1], smartTypeId: tc[2] }); } metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData); } return metadata; }; hbspt.forms.create(options); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.2/min/tiny-slider.js"></script> <script> window.addEventListener('load', () => { var el = document.querySelector('#logo-slider--dnd_area-module-7'); var slider = tns({ arrowKeys: false, autoplay: true, container: '#logo-slider--dnd_area-module-7', controls: false, gutter: 23, items: 1, mouseDrag: false, nav: false, slideBy: 1, responsive: { 767: { items: 4 } } }); el.classList.add('show'); el.classList.remove('hide'); }); </script>  <script type="text/javascript"> var _hsq = _hsq || []; _hsq.push(["setContentType", "landing-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/go.3playmedia.com\/wp-ultimate-guide-to-subtitles"]); _hsq.push(["setPageId", "121876660755"]); _hsq.push(["setContentMetadata", { "contentPageId": 121876660755, "legacyPageId": "121876660755", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 121876660755, "languageCode": null, }]); </script> <script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/173833.js"></script>  <script type="text/javascript"> var hsVars = { render_id: "247597c1-e2a2-457a-945f-e7d9442645e6", ticks: 1732366148175, page_id: 121876660755, content_group_id: 0, portal_id: 173833, app_hs_base_url: "https://app.hubspot.com", cp_hs_base_url: "https://cp.hubspot.com", language: "en", analytics_page_type: "landing-page", scp_content_type: "", analytics_page_id: "121876660755", category_id: 1, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.354/js/index.js"></script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KVHW6WH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  </body></html>