{"id":769,"date":"2022-06-18T06:22:57","date_gmt":"2022-06-18T06:22:57","guid":{"rendered":"http:\/\/5centscdn.net\/help-new\/?p=769"},"modified":"2026-03-12T17:54:34","modified_gmt":"2026-03-12T17:54:34","slug":"how-to-generate-vtt-file-for-preview-thumbnail","status":"publish","type":"post","link":"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/","title":{"rendered":"How to generate VTT file for preview thumbnail?"},"content":{"rendered":"<p>VTT files are commonly used for preview thumbnails. When a viewer hovers the control bar, these thumbnails are displayed in a tooltip. This allows for quick scanning and navigating of longer-form content. a sample image is attached below.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4175 size-full\" src=\"https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2022\/06\/Screenshot-from-2022-06-18-09-48-33.jpg\" alt=\"\" width=\"697\" height=\"392\" \/><\/p>\n<p>\u00a0<\/p>\n<p>Here is an example VTT file. It belongs to a 2 minutes video, for which 6 preview thumbnails are included:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4177 size-full\" src=\"https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2022\/06\/VTT1.png\" alt=\"\" width=\"727\" height=\"370\" \/><\/p>\n<p>\u00a0<\/p>\n<h3>How to generate a VTT file for my VOD files?<\/h3>\n<p>You can generate a VTT file along with a thumbnail image while video transcoding. We have implemented the <strong>Sprite<\/strong> option in video encoding for generating the VTT file. Please follow the steps,<\/p>\n<h3>Step 1<\/h3>\n<p>Configure the video Transcoding profile.<\/p>\n<ul>\n<li>Login to <strong>5centsCDN<\/strong> control panel.<\/li>\n<li>Go to <strong>Video Encoding<\/strong>.<\/li>\n<li>Select the option <strong>Global Preset Profile\/Filters.<\/strong><\/li>\n<li>On the redirected page, you can create a new video encoding profile or you can edit your existing profile.<\/li>\n<li>In profile settings, go to<strong> Thumbnail Settings<\/strong>.\n<div class=\"title\"><\/div>\n<ul>\n<li><strong>Mode<\/strong>: Select mode as <strong>Sprite.<\/strong><\/li>\n<li><strong>Interval:<\/strong> Set an interval time. The screenshots will be taken based on the interval time and it will be specified in a single JPG file along with a VTT file. <em>We recommend setting at least 1\/5th of the video duration as interval time. for example, if the video has 100 seconds duration then the interval should be 20 seconds.\u00a0<\/em><\/li>\n<\/ul>\n<\/li>\n<li>Click the <strong>Save<\/strong> button.<\/li>\n<\/ul>\n<p>Please refer to this video for more information<\/p>\n<div style=\"width: 980px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-769-1\" width=\"980\" height=\"478\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2022\/06\/sprite.mp4?_=1\" \/><a href=\"https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2022\/06\/sprite.mp4\">https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2022\/06\/sprite.mp4<\/a><\/video><\/div>\n<p>\u00a0<\/p>\n<h3>Step 2<\/h3>\n<p>Encode the VOD file using the file encoding profile and copy the URLs from the console.<\/p>\n<ul>\n<li>Go to <strong>VOD\/HTTP<\/strong> Push zone.<\/li>\n<li>Click the <strong>Manage<\/strong> button of your Push zone.<\/li>\n<li>On the redirected page, Click <strong>File Manager &#038; Transcoding<\/strong>.<\/li>\n<li>Now you can upload the files to the file manager.<\/li>\n<li>Click the file name and then click the <strong>Transcoding icon<\/strong>.<\/li>\n<li>Select the Transcoding profile(We have set up the profile in step 1) and click the ADD button.<\/li>\n<li>Once the transcoding job is completed, you can check the file manager. You will get transcoded MP4 file along with a thumbnail image(PNG) and a VTT file for the preview thumbnail.<\/li>\n<\/ul>\n<p>Please refer to this video for more information.<\/p>\n<div style=\"width: 980px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-769-2\" width=\"980\" height=\"478\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2022\/06\/vttgeneration.mp4?_=2\" \/><a href=\"https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2022\/06\/vttgeneration.mp4\">https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2022\/06\/vttgeneration.mp4<\/a><\/video><\/div>\n<p>\u00a0<\/p>\n<p>Now you can collect the video playback URL, VTT file URL, and Thumbnail URL from the console and embed them on your player. In the case of the VideoJS player, you can use this <a href=\"https:\/\/www.npmjs.com\/package\/videojs-vtt-thumbnails\" target=\"_blank\" rel=\"noopener nofollow\">Plugin<\/a><\/p>\n<p>\u00a0<\/p>\n<p>\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>VTT files are commonly used for preview thumbnails. When a viewer hovers the control bar, these thumbnails are displayed in a tooltip. This allows for quick scanning and navigating of longer-form content. a sample image is attached below. \u00a0 Here is an example VTT file. It belongs to a 2 minutes video, for which 6 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-769","post","type-post","status-publish","format-standard","hentry","category-http-push"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO Pro 4.9.5.2 - aioseo.com -->\n\t<meta name=\"description\" content=\"VTT files are commonly used for preview thumbnails. When a viewer hovers the control bar, these thumbnails are displayed in a tooltip. This allows for quick scanning and navigating of longer-form content. a sample image is attached below. Here is an example VTT file. It belongs to a 2 minutes video, for which 6\" \/>\n\t<meta name=\"robots\" content=\"noarchive, noodp, notranslate, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n\t<meta name=\"author\" content=\"pradhyuman\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO Pro (AIOSEO) 4.9.5.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"5centsCDN Help Center - 5centsCDN | Guides, Tutorials &amp; Support\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"How to generate VTT file for preview thumbnail? - 5centsCDN Help Center\" \/>\n\t\t<meta property=\"og:description\" content=\"VTT files are commonly used for preview thumbnails. When a viewer hovers the control bar, these thumbnails are displayed in a tooltip. This allows for quick scanning and navigating of longer-form content. a sample image is attached below. Here is an example VTT file. It belongs to a 2 minutes video, for which 6\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2024\/01\/Logo.png?wsr\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2024\/01\/Logo.png?wsr\" \/>\n\t\t<meta property=\"og:image:width\" content=\"160\" \/>\n\t\t<meta property=\"og:image:height\" content=\"58\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2022-06-18T06:22:57+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-03-12T17:54:34+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/5centscdn\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@5centscdn\" \/>\n\t\t<meta name=\"twitter:title\" content=\"How to generate VTT file for preview thumbnail? - 5centsCDN Help Center\" \/>\n\t\t<meta name=\"twitter:description\" content=\"VTT files are commonly used for preview thumbnails. When a viewer hovers the control bar, these thumbnails are displayed in a tooltip. This allows for quick scanning and navigating of longer-form content. a sample image is attached below. Here is an example VTT file. It belongs to a 2 minutes video, for which 6\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@5centscdn\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2024\/01\/Logo.png?wsr\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/how-to-generate-vtt-file-for-preview-thumbnail\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.5centscdn.net\\\/help\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/kb\\\/v4\\\/zones\\\/http-push\\\/#listItem\",\"name\":\"HTTP Push\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/kb\\\/v4\\\/zones\\\/http-push\\\/#listItem\",\"position\":2,\"name\":\"HTTP Push\",\"item\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/kb\\\/v4\\\/zones\\\/http-push\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/how-to-generate-vtt-file-for-preview-thumbnail\\\/#listItem\",\"name\":\"How to generate VTT file for preview thumbnail?\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/how-to-generate-vtt-file-for-preview-thumbnail\\\/#listItem\",\"position\":3,\"name\":\"How to generate VTT file for preview thumbnail?\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/kb\\\/v4\\\/zones\\\/http-push\\\/#listItem\",\"name\":\"HTTP Push\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/#organization\",\"name\":\"5centsCDN Help Center\",\"description\":\"5centsCDN | Guides, Tutorials & Support\",\"url\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/\",\"email\":\"hello@5centscdn.com\",\"telephone\":\"+13025203418\",\"foundingDate\":\"2021-06-08\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":1,\"maxValue\":50},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/Logo.png?wsr\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/how-to-generate-vtt-file-for-preview-thumbnail\\\/#organizationLogo\",\"width\":160,\"height\":58,\"caption\":\"5centsCDN Logo\"},\"image\":{\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/how-to-generate-vtt-file-for-preview-thumbnail\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/5centscdn\",\"https:\\\/\\\/x.com\\\/5centscdn\",\"https:\\\/\\\/instagram.com\\\/5centscdn\",\"https:\\\/\\\/tiktok.com\\\/@5centscdn\",\"https:\\\/\\\/pinterest.com\\\/5centscdn\",\"https:\\\/\\\/youtube.com\\\/5centscdn\",\"https:\\\/\\\/linkedin.com\\\/in\\\/5centscdn\",\"https:\\\/\\\/bsky.app\\\/profile\\\/5centscdn\",\"https:\\\/\\\/threads.com\\\/@5centscdn\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/author\\\/pradhyuman\\\/#author\",\"url\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/author\\\/pradhyuman\\\/\",\"name\":\"pradhyuman\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6b8609bbef17e7ef3a7663a00cfa6ddf14121cbea329a29f34e412902d1d0741?s=96&d=mm&r=g\"}},{\"@type\":\"SoftwareApplication\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/how-to-generate-vtt-file-for-preview-thumbnail\\\/#softwareApp\",\"name\":\"How to generate VTT file for preview thumbnail?\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/how-to-generate-vtt-file-for-preview-thumbnail\\\/#webpage\",\"url\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/how-to-generate-vtt-file-for-preview-thumbnail\\\/\",\"name\":\"How to generate VTT file for preview thumbnail? - 5centsCDN Help Center\",\"description\":\"VTT files are commonly used for preview thumbnails. When a viewer hovers the control bar, these thumbnails are displayed in a tooltip. This allows for quick scanning and navigating of longer-form content. a sample image is attached below. Here is an example VTT file. It belongs to a 2 minutes video, for which 6\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/how-to-generate-vtt-file-for-preview-thumbnail\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/author\\\/pradhyuman\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/author\\\/pradhyuman\\\/#author\"},\"datePublished\":\"2022-06-18T06:22:57+00:00\",\"dateModified\":\"2026-03-12T17:54:34+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/#website\",\"url\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/\",\"name\":\"5centsCDN Help Center\",\"alternateName\":\"5centsCDN\",\"description\":\"5centsCDN | Guides, Tutorials & Support\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.5centscdn.net\\\/help\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO Pro -->\r\n\t\t<title>How to generate VTT file for preview thumbnail? - 5centsCDN Help Center<\/title>\n\n","aioseo_head_json":{"title":"How to generate VTT file for preview thumbnail? - 5centsCDN Help Center","description":"VTT files are commonly used for preview thumbnails. When a viewer hovers the control bar, these thumbnails are displayed in a tooltip. This allows for quick scanning and navigating of longer-form content. a sample image is attached below. Here is an example VTT file. It belongs to a 2 minutes video, for which 6","canonical_url":"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/","robots":"noarchive, noodp, notranslate, max-snippet:-1, max-image-preview:large, max-video-preview:-1","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.5centscdn.net\/help#listItem","position":1,"name":"Home","item":"https:\/\/www.5centscdn.net\/help","nextItem":{"@type":"ListItem","@id":"https:\/\/www.5centscdn.net\/help\/kb\/v4\/zones\/http-push\/#listItem","name":"HTTP Push"}},{"@type":"ListItem","@id":"https:\/\/www.5centscdn.net\/help\/kb\/v4\/zones\/http-push\/#listItem","position":2,"name":"HTTP Push","item":"https:\/\/www.5centscdn.net\/help\/kb\/v4\/zones\/http-push\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/#listItem","name":"How to generate VTT file for preview thumbnail?"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.5centscdn.net\/help#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/#listItem","position":3,"name":"How to generate VTT file for preview thumbnail?","previousItem":{"@type":"ListItem","@id":"https:\/\/www.5centscdn.net\/help\/kb\/v4\/zones\/http-push\/#listItem","name":"HTTP Push"}}]},{"@type":"Organization","@id":"https:\/\/www.5centscdn.net\/help\/#organization","name":"5centsCDN Help Center","description":"5centsCDN | Guides, Tutorials & Support","url":"https:\/\/www.5centscdn.net\/help\/","email":"hello@5centscdn.com","telephone":"+13025203418","foundingDate":"2021-06-08","numberOfEmployees":{"@type":"QuantitativeValue","minValue":1,"maxValue":50},"logo":{"@type":"ImageObject","url":"https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2024\/01\/Logo.png?wsr","@id":"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/#organizationLogo","width":160,"height":58,"caption":"5centsCDN Logo"},"image":{"@id":"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/#organizationLogo"},"sameAs":["https:\/\/facebook.com\/5centscdn","https:\/\/x.com\/5centscdn","https:\/\/instagram.com\/5centscdn","https:\/\/tiktok.com\/@5centscdn","https:\/\/pinterest.com\/5centscdn","https:\/\/youtube.com\/5centscdn","https:\/\/linkedin.com\/in\/5centscdn","https:\/\/bsky.app\/profile\/5centscdn","https:\/\/threads.com\/@5centscdn"]},{"@type":"Person","@id":"https:\/\/www.5centscdn.net\/help\/author\/pradhyuman\/#author","url":"https:\/\/www.5centscdn.net\/help\/author\/pradhyuman\/","name":"pradhyuman","image":{"@type":"ImageObject","url":"https:\/\/secure.gravatar.com\/avatar\/6b8609bbef17e7ef3a7663a00cfa6ddf14121cbea329a29f34e412902d1d0741?s=96&d=mm&r=g"}},{"@type":"SoftwareApplication","@id":"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/#softwareApp","name":"How to generate VTT file for preview thumbnail?"},{"@type":"WebPage","@id":"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/#webpage","url":"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/","name":"How to generate VTT file for preview thumbnail? - 5centsCDN Help Center","description":"VTT files are commonly used for preview thumbnails. When a viewer hovers the control bar, these thumbnails are displayed in a tooltip. This allows for quick scanning and navigating of longer-form content. a sample image is attached below. Here is an example VTT file. It belongs to a 2 minutes video, for which 6","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.5centscdn.net\/help\/#website"},"breadcrumb":{"@id":"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/#breadcrumblist"},"author":{"@id":"https:\/\/www.5centscdn.net\/help\/author\/pradhyuman\/#author"},"creator":{"@id":"https:\/\/www.5centscdn.net\/help\/author\/pradhyuman\/#author"},"datePublished":"2022-06-18T06:22:57+00:00","dateModified":"2026-03-12T17:54:34+00:00"},{"@type":"WebSite","@id":"https:\/\/www.5centscdn.net\/help\/#website","url":"https:\/\/www.5centscdn.net\/help\/","name":"5centsCDN Help Center","alternateName":"5centsCDN","description":"5centsCDN | Guides, Tutorials & Support","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.5centscdn.net\/help\/#organization"}}]},"og:locale":"en_US","og:site_name":"5centsCDN Help Center - 5centsCDN | Guides, Tutorials &amp; Support","og:type":"article","og:title":"How to generate VTT file for preview thumbnail? - 5centsCDN Help Center","og:description":"VTT files are commonly used for preview thumbnails. When a viewer hovers the control bar, these thumbnails are displayed in a tooltip. This allows for quick scanning and navigating of longer-form content. a sample image is attached below. Here is an example VTT file. It belongs to a 2 minutes video, for which 6","og:url":"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/","og:image":"https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2024\/01\/Logo.png?wsr","og:image:secure_url":"https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2024\/01\/Logo.png?wsr","og:image:width":160,"og:image:height":58,"article:published_time":"2022-06-18T06:22:57+00:00","article:modified_time":"2026-03-12T17:54:34+00:00","article:publisher":"https:\/\/facebook.com\/5centscdn","twitter:card":"summary_large_image","twitter:site":"@5centscdn","twitter:title":"How to generate VTT file for preview thumbnail? - 5centsCDN Help Center","twitter:description":"VTT files are commonly used for preview thumbnails. When a viewer hovers the control bar, these thumbnails are displayed in a tooltip. This allows for quick scanning and navigating of longer-form content. a sample image is attached below. Here is an example VTT file. It belongs to a 2 minutes video, for which 6","twitter:creator":"@5centscdn","twitter:image":"https:\/\/www.5centscdn.net\/help\/wp-content\/uploads\/2024\/01\/Logo.png?wsr"},"aioseo_meta_data":{"post_id":"769","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-03-12 21:26:54","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"open_ai":null,"ai":null,"created":"2026-03-07 21:44:29","updated":"2026-03-12 21:26:54"},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/www.5centscdn.net\/help\" title=\"Home\">Home<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t<a href=\"https:\/\/www.5centscdn.net\/help\/kb\/v4\/zones\/http-push\/\" title=\"HTTP Push\">HTTP Push<\/a>\n<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\tHow to generate VTT file for preview thumbnail?\n<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.5centscdn.net\/help"},{"label":"HTTP Push","link":"https:\/\/www.5centscdn.net\/help\/kb\/v4\/zones\/http-push\/"},{"label":"How to generate VTT file for preview thumbnail?","link":"https:\/\/www.5centscdn.net\/help\/how-to-generate-vtt-file-for-preview-thumbnail\/"}],"_links":{"self":[{"href":"https:\/\/www.5centscdn.net\/help\/wp-json\/wp\/v2\/posts\/769","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.5centscdn.net\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.5centscdn.net\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.5centscdn.net\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.5centscdn.net\/help\/wp-json\/wp\/v2\/comments?post=769"}],"version-history":[{"count":3,"href":"https:\/\/www.5centscdn.net\/help\/wp-json\/wp\/v2\/posts\/769\/revisions"}],"predecessor-version":[{"id":59635,"href":"https:\/\/www.5centscdn.net\/help\/wp-json\/wp\/v2\/posts\/769\/revisions\/59635"}],"wp:attachment":[{"href":"https:\/\/www.5centscdn.net\/help\/wp-json\/wp\/v2\/media?parent=769"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.5centscdn.net\/help\/wp-json\/wp\/v2\/categories?post=769"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.5centscdn.net\/help\/wp-json\/wp\/v2\/tags?post=769"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}