{"id":22030,"date":"2020-04-13T14:57:17","date_gmt":"2020-04-13T14:57:17","guid":{"rendered":"http:\/\/auto_generate_video_previews_with_great_results_every_time"},"modified":"2025-02-16T10:00:48","modified_gmt":"2025-02-16T18:00:48","slug":"auto_generate_video_previews_with_great_results_every_time","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time","title":{"rendered":"Automated Generation of Intelligent Video Previews on Cloudinary\u2019s Dynamic Video Platform"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><p>It\u2019s human nature for most to want a sneak peek at upcoming content whenever possible. Think movie trailers or the \u201con next week\u2019s episode\u201d part of your favorite show. For <a href=\"https:\/\/cloudinary.com\/video_api\">video producers<\/a>, an essential goal is to attract more views and clickthroughs.<\/p>\n<p>Time is precious, however, so viewers invariably want to ensure that a video is relevant for them before watching it. A simple thumbnail is often not adequate to convey enough details of a <a href=\"https:\/\/cloudinary.com\/blog\/optimizing_video_with_cloudinary_and_the_html5_video_player_part_1\">video<\/a>; this is where a short video preview could prove to be much more effective.<\/p>\n<p>Cloudinary offers intelligent automatic generation of video previews to give viewers a preliminary look at the most interesting content. A powerful feature well worth adopting. All you need to do is add the <code>preview<\/code> effect (<code>e_preview<\/code> in URLs), like this:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;baking_pastries\\&quot;, {effect: \\&quot;preview\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;baking_pastries\\&quot;, {effect: \\&quot;preview\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;baking_pastries\\&quot;).videoEdit(preview());&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;baking_pastries\\&quot;).videoEdit(preview());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;baking_pastries\\&quot; resourceType=\\&quot;video\\&quot;&gt; &lt;Transformation effect=\\&quot;preview\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;baking_pastries\\&quot; resourceType=\\&quot;video\\&quot;&gt;\\n\\t&lt;Transformation effect=\\&quot;preview\\&quot; \\\/&gt;\\n&lt;\\\/Video&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;baking_pastries\\&quot;).videoEdit(preview());&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;baking_pastries\\&quot;).videoEdit(preview());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;baking_pastries\\&quot; resource-type=\\&quot;video\\&quot;&gt; &lt;cld-transformation effect=\\&quot;preview\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;baking_pastries\\&quot; resource-type=\\&quot;video\\&quot;&gt;\\n\\t&lt;cld-transformation effect=\\&quot;preview\\&quot; \\\/&gt;\\n&lt;\\\/cld-video&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;baking_pastries\\&quot;).videoEdit(preview());&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;baking_pastries\\&quot;).videoEdit(preview());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;baking_pastries\\&quot; resource-type=\\&quot;video\\&quot;&gt; &lt;cl-transformation effect=\\&quot;preview\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;baking_pastries\\&quot; resource-type=\\&quot;video\\&quot;&gt;\\n\\t&lt;cl-transformation effect=\\&quot;preview\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-video&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;baking_pastries\\&quot;).videoEdit(preview());&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;baking_pastries\\&quot;).videoEdit(preview());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.videoTag(&#039;baking_pastries&#039;, {effect: \\&quot;preview\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;baking_pastries&#039;, {effect: \\&quot;preview\\&quot;}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;baking_pastries\\&quot;).image(effect=\\&quot;preview\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;baking_pastries\\&quot;).image(effect=\\&quot;preview\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new VideoTag(&#039;baking_pastries&#039;))\\n\\t-&gt;videoEdit(VideoEdit::preview());&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;baking_pastries&#039;))\\n\\t-&gt;videoEdit(VideoEdit::preview());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;baking_pastries\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;preview\\&quot;, \\&quot;resource_type\\&quot;=&gt;\\&quot;video\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;baking_pastries\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;preview\\&quot;, \\&quot;resource_type\\&quot;=&gt;\\&quot;video\\&quot;))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;preview\\&quot;)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;baking_pastries\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;preview\\&quot;)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;baking_pastries\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;baking_pastries\\&quot;, effect: \\&quot;preview\\&quot;, resource_type: \\&quot;video\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;baking_pastries\\&quot;, effect: \\&quot;preview\\&quot;, resource_type: \\&quot;video\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Effect(\\&quot;preview\\&quot;)).BuildImageTag(\\&quot;baking_pastries\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Effect(\\&quot;preview\\&quot;)).BuildImageTag(\\&quot;baking_pastries\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video(&#039;baking_pastries&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.preview()));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;baking_pastries&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.preview()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setEffect(\\&quot;preview\\&quot;)).generate(\\&quot;baking_pastries\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setEffect(\\&quot;preview\\&quot;)).generate(\\&quot;baking_pastries\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;preview\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;baking_pastries\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;preview\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;baking_pastries\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video(&#039;baking_pastries&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.preview()));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;baking_pastries&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.preview()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;baking_pastries\\&quot;)\\n\\t videoEdit(VideoEdit.preview()) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;baking_pastries\\&quot;)\\n\\t videoEdit(VideoEdit.preview()) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;baking_pastries\\&quot;, {effect: \\&quot;preview\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;baking_pastries\\&quot;, {effect: \\&quot;preview\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;baking_pastries\\&quot;).videoEdit(preview());&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;baking_pastries\\&quot;).videoEdit(preview());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/video\\\/upload\\\/e_preview\\\/baking_pastries&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;video&quot;,&quot;transformation&quot;:[{&quot;effect&quot;:&quot;preview&quot;}],&quot;transformation_string&quot;:&quot;e_preview&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;baking_pastries&quot;,&quot;extension&quot;:&quot;&quot;,&quot;format&quot;:&quot;&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;video&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><video\n      controls\n      muted\n      preload=\"none\"\n      class=\"c-transformed-asset c-transformed-asset--video\"\n      poster=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview\/ac_none\/baking_pastries.jpg\"\n      \n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview\/ac_none\/vc_h265\/baking_pastries.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview\/ac_none\/vc_vp9\/baking_pastries.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview\/ac_none\/vc_auto\/baking_pastries.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview\/ac_none\/vc_auto\/baking_pastries.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<p>While platforms like YouTube have their own ways of auto-generating thumbnails, it&#8217;s vital for content creators to take charge and ensure that their video thumbnails stand out. One could use tools like Photoshop or Canva to add text, icons, or enhance the screenshot taken from the video. In YouTube Studio, creators can even choose between auto-generated thumbnails or upload their own customized thumbnail, making sure it accurately represents the content and grabs viewer attention. Here&#8217;s how one can go about it:<\/h3>\n<ol>\n<li>Sign in to YouTube Studio.\n<li>Select Content from the left menu.\n<li>Click the video you want to edit.\n<li>Select an auto-generated thumbnail or click Upload thumbnail.\n<li>Click SAVE.\n<\/li>\n<\/ol>\n<p>This emphasizes the importance of customizing video thumbnails, even if the platform provides an auto-selected preview. Remember, an engaging thumbnail could be the difference between someone clicking on your video or scrolling past it.<p>\n<p>This is part of a series of articles about <a href=\"https:\/\/cloudinary.com\/guides\/marketing-videos\/22-types-of-marketing-videos-and-10-ways-to-make-them-great\">Marketing videos<\/a>.<\/p>\n<h2>Why Static Thumbnails Just Aren\u2019t Enough<\/h2>\n<p>As a rule, developers spotlight videos on web and mobile apps with thumbnails. The simplest way to do this is with the video poster, which is often the first frame of the video\u2014an image that could show nothing or be completely irrelevant to the video content, however. Not great for garnering more views!<\/p>\n<p>Why not extract a relevant poster image from the video or create a completely different but eye-catching image instead? Many YouTube videos use the latter to try and grab your attention. Both options are time-consuming, manual jobs, though. In the case of managing a multitude of videos, especially if they are created by third parties, automation is the answer.<\/p>\n<p>Below are some examples of the various approaches to creating poster images:<\/p>\n<br>\n<div style=\"text-align:center\">\n<div>\n<a href=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/so_0\/rocket_launch.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/so_0\/w_300\/rocket_launch.png\" alt=\"First frame\" title=\"First frame\" style=\"margin-right: 10px\" \/><\/a>\n<p>First frame<\/p>\n<\/div>\n<div>\n<a href=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/so_0.5\/rocket_launch.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/so_0.5\/w_300\/rocket_launch.png\" alt=\"Middle frame\" title=\"Middle frame\" style=\"margin-right: 10px\" \/><\/a>\n<p>Middle frame<\/p>\n<\/div>\n<div>\n<a href=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/so_15\/rocket_launch.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/so_15\/w_300\/rocket_launch.png\" alt=\"Manually selected frame\" title=\"Manually selected frame\" style=\"margin-right: 10px\" \/><\/a>\n<p>Manually selected frame<\/p>\n<\/div>\n<div>\n<a href=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/so_15\/l_text:roboto_100_stroke:Amazing%20Rocket%20Launch!,bo_5px_solid_white,co_red,g_north,y_0.1\/l_text:roboto_70_stroke:Blast%20Off%20And%20Subscribe%20Now!,bo_5px_solid_white,co_red,g_south_east,x_0.05,y_0.05\/t_play_button_overlay\/rocket_launch.png\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/so_15\/l_text:roboto_100_stroke:Amazing%20Rocket%20Launch!,bo_5px_solid_white,co_red,g_north,y_0.1\/l_text:roboto_70_stroke:Blast%20Off%20And%20Subscribe%20Now!,bo_5px_solid_white,co_red,g_south_east,x_0.05,y_0.05\/t_play_button_overlay\/w_300\/rocket_launch.png\" alt=\"Custom thumbnail\" title=\"Custom thumbnail\" style=\"margin-right: 10px\" \/><\/a>\n<p>Custom thumbnail<p>\n<\/div>\n<\/div>\n<br>\n<h2>Bringing Thumbnails to Life<\/h2>\n<p>For a richer user experience with thumbnails, the best solution is to make them move. You could play a short preview of the video content on thumbnail hover. That setup has proven to be extremely effective in increasing engagement, leading to more views of the full video.<\/p>\n<p>Similar to creating thumbnails, generating short video previews is often a manual, time-consuming process. The following are two common options:<\/p>\n<ol>\n<li>Take a few seconds from the video, either at the beginning or the middle. That\u2019s a formulaic, but by far not ideal solution.<\/li>\n<li>Pick the most engrossing moments that last a few seconds from the video. In many cases, you must extract those moments from several scenes, necessitating more time and effort.<\/li>\n<\/ol>\n<p>The case for a more efficient solution for spotlighting videos is obvious.<\/p>\n<div style=\"text-align:center\">\n<div>\n<video muted controls src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/du_3\/w_300\/rocket_launch.mp4\" title=\"First three seconds\" style=\"margin-right: 10px\"><\/video>\n<p>First three seconds<\/p>\n<\/div>\n<div>\n<video muted controls src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/du_3,so_50p\/w_300\/f_auto\/rocket_launch.mp4\" title=\"Middle three seconds\" style=\"margin-right: 10px\"><\/video>\n<p>Middle three seconds<\/p>\n<\/div>\n<div>\n<video muted controls src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/du_3,so_13\/w_300\/rocket_launch.mp4\" title=\"Manually selected frame\" style=\"margin-right: 10px\"><\/video>\n<p>Custom selected three seconds<\/p>\n<\/div>\n<div>\n<video muted controls src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/so_15,du_3\/l_text:roboto_100_stroke:Amazing%20Rocket%20Launch!,bo_5px_solid_white,co_red,g_north,y_0.1\/l_text:roboto_70_stroke:Blast%20Off%20And%20Subscribe%20Now!,bo_5px_solid_white,co_red,g_south_east,x_0.05,y_0.05\/l_play-demo,g_center,w_150\/w_300\/f_auto\/rocket_launch.mp4\" title=\"Manually selected frame\" style=\"margin-right: 10px\"><\/video>\n<p>Custom edited preview<\/p>\n<\/div>\n<\/div>\n<p>\nPlatforms like YouTube also have their ways of selecting video snippets. For instance, YouTube often automatically selects a clip from the first half of a video to show as a preview. But as creators, one might consider trimming and customizing these previews to better represent the video&#8217;s essence. For instance:\n<\/p>\n<ol>\n<li>Trim 15 seconds from the beginning of the video.\n<li>Clip out different parts and stitch together the main points to create a compelling short preview.\n<\/li>\n<\/ol>\n<p>\nThese manual methods, though potentially more time-consuming, can provide a more curated experience for the viewer.\n<\/p>\n<h2>Getting Smart With Video Previews<\/h2>\n<p>We\u2019ve already established that video previews showing the most important content in a video provides the best experience for users. It\u2019s just the question of how to generate these previews automatically. Cloudinary\u2019s capability for automatically generating video previews solves this question and allows you to customize it to match your needs. Through advanced AI and machine-learning techniques, Cloudinary analyzes each video frame, assigns it an importance score, and creates a preview. To trigger that process, simply add the <code>preview<\/code> effect (<code>e_preview<\/code> in URLs).<\/p>\n<p>Here\u2019s how this looks for our rocket launch video:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;rocket_launch\\&quot;, {effect: \\&quot;preview\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;rocket_launch\\&quot;, {effect: \\&quot;preview\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;rocket_launch\\&quot;).videoEdit(preview());&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;rocket_launch\\&quot;).videoEdit(preview());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;rocket_launch\\&quot; resourceType=\\&quot;video\\&quot;&gt; &lt;Transformation effect=\\&quot;preview\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;rocket_launch\\&quot; resourceType=\\&quot;video\\&quot;&gt;\\n\\t&lt;Transformation effect=\\&quot;preview\\&quot; \\\/&gt;\\n&lt;\\\/Video&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;rocket_launch\\&quot;).videoEdit(preview());&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;rocket_launch\\&quot;).videoEdit(preview());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;rocket_launch\\&quot; resource-type=\\&quot;video\\&quot;&gt; &lt;cld-transformation effect=\\&quot;preview\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;rocket_launch\\&quot; resource-type=\\&quot;video\\&quot;&gt;\\n\\t&lt;cld-transformation effect=\\&quot;preview\\&quot; \\\/&gt;\\n&lt;\\\/cld-video&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;rocket_launch\\&quot;).videoEdit(preview());&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;rocket_launch\\&quot;).videoEdit(preview());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;rocket_launch\\&quot; resource-type=\\&quot;video\\&quot;&gt; &lt;cl-transformation effect=\\&quot;preview\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;rocket_launch\\&quot; resource-type=\\&quot;video\\&quot;&gt;\\n\\t&lt;cl-transformation effect=\\&quot;preview\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-video&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;rocket_launch\\&quot;).videoEdit(preview());&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;rocket_launch\\&quot;).videoEdit(preview());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.videoTag(&#039;rocket_launch&#039;, {effect: \\&quot;preview\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;rocket_launch&#039;, {effect: \\&quot;preview\\&quot;}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;rocket_launch\\&quot;).image(effect=\\&quot;preview\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;rocket_launch\\&quot;).image(effect=\\&quot;preview\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new VideoTag(&#039;rocket_launch&#039;))\\n\\t-&gt;videoEdit(VideoEdit::preview());&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;rocket_launch&#039;))\\n\\t-&gt;videoEdit(VideoEdit::preview());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;rocket_launch\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;preview\\&quot;, \\&quot;resource_type\\&quot;=&gt;\\&quot;video\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;rocket_launch\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;preview\\&quot;, \\&quot;resource_type\\&quot;=&gt;\\&quot;video\\&quot;))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;preview\\&quot;)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;rocket_launch\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;preview\\&quot;)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;rocket_launch\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;rocket_launch\\&quot;, effect: \\&quot;preview\\&quot;, resource_type: \\&quot;video\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;rocket_launch\\&quot;, effect: \\&quot;preview\\&quot;, resource_type: \\&quot;video\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Effect(\\&quot;preview\\&quot;)).BuildImageTag(\\&quot;rocket_launch\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Effect(\\&quot;preview\\&quot;)).BuildImageTag(\\&quot;rocket_launch\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video(&#039;rocket_launch&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.preview()));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;rocket_launch&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.preview()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setEffect(\\&quot;preview\\&quot;)).generate(\\&quot;rocket_launch\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setEffect(\\&quot;preview\\&quot;)).generate(\\&quot;rocket_launch\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;preview\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;rocket_launch\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;preview\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;rocket_launch\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video(&#039;rocket_launch&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.preview()));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;rocket_launch&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.preview()));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;rocket_launch\\&quot;)\\n\\t videoEdit(VideoEdit.preview()) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;rocket_launch\\&quot;)\\n\\t videoEdit(VideoEdit.preview()) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;rocket_launch\\&quot;, {effect: \\&quot;preview\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;rocket_launch\\&quot;, {effect: \\&quot;preview\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;rocket_launch\\&quot;).videoEdit(preview());&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;rocket_launch\\&quot;).videoEdit(preview());&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/video\\\/upload\\\/e_preview\\\/rocket_launch&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;video&quot;,&quot;transformation&quot;:[{&quot;effect&quot;:&quot;preview&quot;}],&quot;transformation_string&quot;:&quot;e_preview&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;rocket_launch&quot;,&quot;extension&quot;:&quot;&quot;,&quot;format&quot;:&quot;&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;video&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><video\n      controls\n      muted\n      preload=\"none\"\n      class=\"c-transformed-asset c-transformed-asset--video\"\n      poster=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview\/ac_none\/rocket_launch.jpg\"\n      \n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview\/ac_none\/vc_h265\/rocket_launch.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview\/ac_none\/vc_vp9\/rocket_launch.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview\/ac_none\/vc_auto\/rocket_launch.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview\/ac_none\/vc_auto\/rocket_launch.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<div class='c-callout  c-callout--inline-title c-callout--note'><strong class='c-callout__title'>Note:<\/strong> <p>We recommend adding the preview effect on upload as an <a href=\"https:\/\/cloudinary.com\/documentation\/transformations_on_upload#eager_transformations\">eager transformation<\/a> to ensure that Cloudinary completes the analysis before delivery (or alternatively use the <a href=\"https:\/\/cloudinary.com\/documentation\/image_upload_api_reference#explicit_method\">explicit<\/a> method before delivery on a video already in your account).<\/p><\/div>\n<p>Cloudinary\u2019s initial smart preview functionality created a preview using a single segment from the video, which works well for short and simple videos, such as stock or social ones. The feature has now been enhanced to select multiple segments from the most relevant parts of the original video before generating the preview.<\/p>\n<p>For long videos, e.g., lectures, sports matches, and training classes, consider overriding the default number of segments and their minimum duration by setting the <code>max_seg<\/code> and <code>min_seg_dur<\/code> parameters. Below is a video preview from Cloudinary CEO Itai Lahan\u2019s 2019 ImageCon talk, with five segments, each three seconds long:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;2019_imagecon_itai\\&quot;, {effect: \\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;2019_imagecon_itai\\&quot;, {effect: \\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;2019_imagecon_itai\\&quot;).videoEdit(\\n  preview().duration(\\&quot;15.0\\&quot;).maximumSegments(5).minimumSegmentDuration(\\&quot;3.0\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;2019_imagecon_itai\\&quot;).videoEdit(\\n  preview().duration(\\&quot;15.0\\&quot;).maximumSegments(5).minimumSegmentDuration(\\&quot;3.0\\&quot;)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;2019_imagecon_itai\\&quot; resourceType=\\&quot;video\\&quot;&gt; &lt;Transformation effect=\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;2019_imagecon_itai\\&quot; resourceType=\\&quot;video\\&quot;&gt;\\n\\t&lt;Transformation effect=\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot; \\\/&gt;\\n&lt;\\\/Video&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;2019_imagecon_itai\\&quot;).videoEdit(\\n  preview().duration(\\&quot;15.0\\&quot;).maximumSegments(5).minimumSegmentDuration(\\&quot;3.0\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;2019_imagecon_itai\\&quot;).videoEdit(\\n  preview().duration(\\&quot;15.0\\&quot;).maximumSegments(5).minimumSegmentDuration(\\&quot;3.0\\&quot;)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;2019_imagecon_itai\\&quot; resource-type=\\&quot;video\\&quot;&gt; &lt;cld-transformation effect=\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;2019_imagecon_itai\\&quot; resource-type=\\&quot;video\\&quot;&gt;\\n\\t&lt;cld-transformation effect=\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot; \\\/&gt;\\n&lt;\\\/cld-video&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;2019_imagecon_itai\\&quot;).videoEdit(\\n  preview().duration(\\&quot;15.0\\&quot;).maximumSegments(5).minimumSegmentDuration(\\&quot;3.0\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;2019_imagecon_itai\\&quot;).videoEdit(\\n  preview().duration(\\&quot;15.0\\&quot;).maximumSegments(5).minimumSegmentDuration(\\&quot;3.0\\&quot;)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;2019_imagecon_itai\\&quot; resource-type=\\&quot;video\\&quot;&gt; &lt;cl-transformation effect=\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;2019_imagecon_itai\\&quot; resource-type=\\&quot;video\\&quot;&gt;\\n\\t&lt;cl-transformation effect=\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-video&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;2019_imagecon_itai\\&quot;).videoEdit(\\n  preview().duration(\\&quot;15.0\\&quot;).maximumSegments(5).minimumSegmentDuration(\\&quot;3.0\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;2019_imagecon_itai\\&quot;).videoEdit(\\n  preview().duration(\\&quot;15.0\\&quot;).maximumSegments(5).minimumSegmentDuration(\\&quot;3.0\\&quot;)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.videoTag(&#039;2019_imagecon_itai&#039;, {effect: \\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;2019_imagecon_itai&#039;, {effect: \\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;}).toHtml();&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;cloudinary-core&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;rawCodeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;2019_imagecon_itai\\&quot;).image(effect=\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;2019_imagecon_itai\\&quot;).image(effect=\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;(new VideoTag(&#039;2019_imagecon_itai&#039;))\\n\\t-&gt;videoEdit(VideoEdit::preview()-&gt;duration(15.0)\\n-&gt;maximumSegments(5)\\n-&gt;minimumSegmentDuration(3.0));&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;2019_imagecon_itai&#039;))\\n\\t-&gt;videoEdit(VideoEdit::preview()-&gt;duration(15.0)\\n-&gt;maximumSegments(5)\\n-&gt;minimumSegmentDuration(3.0));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;2019_imagecon_itai\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;, \\&quot;resource_type\\&quot;=&gt;\\&quot;video\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;2019_imagecon_itai\\&quot;, array(\\&quot;effect\\&quot;=&gt;\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;, \\&quot;resource_type\\&quot;=&gt;\\&quot;video\\&quot;))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;2019_imagecon_itai\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().effect(\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;2019_imagecon_itai\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;2019_imagecon_itai\\&quot;, effect: \\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;, resource_type: \\&quot;video\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;2019_imagecon_itai\\&quot;, effect: \\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;, resource_type: \\&quot;video\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Effect(\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;)).BuildImageTag(\\&quot;2019_imagecon_itai\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Effect(\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;)).BuildImageTag(\\&quot;2019_imagecon_itai\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;dart&quot;,&quot;framework&quot;:&quot;dart&quot;,&quot;language&quot;:&quot;dart&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video(&#039;2019_imagecon_itai&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.preview().duration(&#039;15.0&#039;)\\n.maximumSegments(5)\\n.minimumSegmentDuration(&#039;3.0&#039;)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;2019_imagecon_itai&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.preview().duration(&#039;15.0&#039;)\\n.maximumSegments(5)\\n.minimumSegmentDuration(&#039;3.0&#039;)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Dart&quot;,&quot;packageName&quot;:&quot;cloudinary_dart&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;swift&quot;,&quot;framework&quot;:&quot;swift&quot;,&quot;language&quot;:&quot;swift&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setEffect(\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;)).generate(\\&quot;2019_imagecon_itai\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setEffect(\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;)).generate(\\&quot;2019_imagecon_itai\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;iOS&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;5.x&quot;},{&quot;sdkId&quot;:&quot;android&quot;,&quot;framework&quot;:&quot;android&quot;,&quot;language&quot;:&quot;android&quot;,&quot;rawCodeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;2019_imagecon_itai\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().effect(\\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;2019_imagecon_itai\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Android&quot;,&quot;packageName&quot;:&quot;cloudinary-android&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;flutter&quot;,&quot;framework&quot;:&quot;flutter&quot;,&quot;language&quot;:&quot;flutter&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video(&#039;2019_imagecon_itai&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.preview().duration(&#039;15.0&#039;)\\n.maximumSegments(5)\\n.minimumSegmentDuration(&#039;3.0&#039;)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;2019_imagecon_itai&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.preview().duration(&#039;15.0&#039;)\\n.maximumSegments(5)\\n.minimumSegmentDuration(&#039;3.0&#039;)));&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Flutter&quot;,&quot;packageName&quot;:&quot;cloudinary_flutter&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;kotlin&quot;,&quot;framework&quot;:&quot;kotlin&quot;,&quot;language&quot;:&quot;kotlin&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;2019_imagecon_itai\\&quot;)\\n\\t videoEdit(VideoEdit.preview() { duration(15.0F)\\n maximumSegments(5)\\n minimumSegmentDuration(3.0F) }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;2019_imagecon_itai\\&quot;)\\n\\t videoEdit(VideoEdit.preview() { duration(15.0F)\\n maximumSegments(5)\\n minimumSegmentDuration(3.0F) }) \\n}.generate()&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Kotlin&quot;,&quot;packageName&quot;:&quot;kotlin-url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;jquery&quot;,&quot;framework&quot;:&quot;jquery&quot;,&quot;language&quot;:&quot;jquery&quot;,&quot;rawCodeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;2019_imagecon_itai\\&quot;, {effect: \\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;2019_imagecon_itai\\&quot;, {effect: \\&quot;preview:duration_15:max_seg_5:min_seg_dur_3\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;2019_imagecon_itai\\&quot;).videoEdit(\\n  preview().duration(\\&quot;15.0\\&quot;).maximumSegments(5).minimumSegmentDuration(\\&quot;3.0\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;2019_imagecon_itai\\&quot;).videoEdit(\\n  preview().duration(\\&quot;15.0\\&quot;).maximumSegments(5).minimumSegmentDuration(\\&quot;3.0\\&quot;)\\n);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/video\\\/upload\\\/e_preview:duration_15:max_seg_5:min_seg_dur_3\\\/2019_imagecon_itai&quot;,&quot;cloud_name&quot;:&quot;demo&quot;,&quot;host&quot;:&quot;res.cloudinary.com&quot;,&quot;type&quot;:&quot;upload&quot;,&quot;resource_type&quot;:&quot;video&quot;,&quot;transformation&quot;:[{&quot;effect&quot;:&quot;preview:duration_15:max_seg_5:min_seg_dur_3&quot;}],&quot;transformation_string&quot;:&quot;e_preview:duration_15:max_seg_5:min_seg_dur_3&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;2019_imagecon_itai&quot;,&quot;extension&quot;:&quot;&quot;,&quot;format&quot;:&quot;&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;video&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><video\n      controls\n      muted\n      preload=\"none\"\n      class=\"c-transformed-asset c-transformed-asset--video\"\n      poster=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview:duration_15:max_seg_5:min_seg_dur_3\/ac_none\/2019_imagecon_itai.jpg\"\n      \n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview:duration_15:max_seg_5:min_seg_dur_3\/ac_none\/vc_h265\/2019_imagecon_itai.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview:duration_15:max_seg_5:min_seg_dur_3\/ac_none\/vc_vp9\/2019_imagecon_itai.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview:duration_15:max_seg_5:min_seg_dur_3\/ac_none\/vc_auto\/2019_imagecon_itai.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/e_preview:duration_15:max_seg_5:min_seg_dur_3\/ac_none\/vc_auto\/2019_imagecon_itai.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<div class='c-callout  c-callout--inline-title c-callout--note'><strong class='c-callout__title'>Note:<\/strong> <p>The default number of segments and durations adjusts according to the length of the original video. For details, see the related <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#generate_an_ai_based_video_preview\">documentation<\/a>.<\/p><\/div>\n<h2>Video Previews In Action<\/h2>\n<p>Now that we know how to easily generate intelligent video previews, let\u2019s see them in action. The most common way to start a video preview is to play it when a viewer hovers over its thumbnail. The codepen below shows an example of this:<\/p>\n<p>See the Pen <a href=\"https:\/\/codepen.io\/team\/Cloudinary\/pen\/BaNvNxW\">\nIntelligent Video Previews Demo<\/a> by Cloudinary (<a href=\"https:\/\/codepen.io\/team\/Cloudinary\">@Cloudinary<\/a>)\non <a href=\"https:\/\/codepen.io\">CodePen<\/a>.<\/p>\n<p>The above example uses multiple <a href=\"https:\/\/cloudinary.com\/documentation\/cloudinary_video_player\">Cloudinary Video Player<\/a> instances for both the small previews and the full videos. The preview players\u2019 controls are hidden, with each video looping continuously, giving the impression that it\u2019s an animated GIF. Because they are smaller than GIFs, those videos load faster, delivering a more optimized experience.<\/p>\n<h2>Try it Out for Yourself<\/h2>\n<p>Generating intelligent video previews through automation with Cloudinary is as simple as adding the <code>preview<\/code> effect (<code>e_preview<\/code> in URLs) to your videos.  You can then easily configure the duration and number of segments. Do give it a try. Increase your video engagement by providing more compelling video listings that feature intelligent video previews.<\/p>\n<p>For more information and examples, see the <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#generate_an_ai_based_video_preview\">documentation<\/a>.<\/p>\n<hr \/>\n<h2>Want to Learn More About Video Optimization?<\/h2>\n<ul>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/optimizing_video_with_cloudinary_and_the_html5_video_player_part_1\">Optimizing Video with Cloudinary and the HTML5 Video Player<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/exoplayer_android_tutorial_easy_video_delivery_and_editing\">ExoPlayer Android Tutorial: Easy Video Delivery and Editing<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/how_to_generate_waveform_images_from_audio_files\">How to Generate Waveform Images From Audio Files<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/with_automatic_video_subtitles_silence_speaks_volumes\">Auto Generate Subtitles Based on Video Transcript<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time\">Automated Generation of Intelligent Video Previews on Cloudinary\u2019s Dynamic Video Platform<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/blog\/converting_android_videos_to_animated_gif_images_with_cloudinary_a_tutorial\">Converting Android Videos to Animated GIF Images With Cloudinary: A Tutorial<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/guides\/marketing-videos\/tips-for-retaining-audience-through-engaging-videos\">Tips for Retaining Audience Through Engaging Videos<\/a>\n<\/li>\n<li>\n<a href=\"https:\/\/cloudinary.com\/guides\/marketing-videos\/product-videos-101-what-makes-them-great\">Product Videos 101: What Makes Them Great?<\/a>\n<\/li>\n<\/ul>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":22031,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[336,25,97,303,305,304],"class_list":["post-22030","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-ai","tag-asset-management","tag-dynamic-video","tag-video","tag-video-api","tag-video-transformation"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Automated Generation of Intelligent Video Previews<\/title>\n<meta name=\"description\" content=\"Use the preview effect to automate the generation of video previews with Cloudinary, leading to more page views and clickthroughs.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Automated Generation of Intelligent Video Previews on Cloudinary\u2019s Dynamic Video Platform\" \/>\n<meta property=\"og:description\" content=\"Use the preview effect to automate the generation of video previews with Cloudinary, leading to more page views and clickthroughs.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-13T14:57:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-16T18:00:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649720154\/Web_Assets\/blog\/video_preview-1\/video_preview-1-gif?_i=AA&w=770\" \/>\n\t<meta property=\"og:image:width\" content=\"770\" \/>\n\t<meta property=\"og:image:height\" content=\"423\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Automated Generation of Intelligent Video Previews on Cloudinary\u2019s Dynamic Video Platform\",\"datePublished\":\"2020-04-13T14:57:17+00:00\",\"dateModified\":\"2025-02-16T18:00:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time\"},\"wordCount\":12,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720154\/Web_Assets\/blog\/video_preview-1\/video_preview-1.gif?_i=AA\",\"keywords\":[\"AI\",\"Asset Management\",\"Dynamic Video\",\"Video\",\"Video API\",\"Video Transformation\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2020\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time\",\"url\":\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time\",\"name\":\"Automated Generation of Intelligent Video Previews\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720154\/Web_Assets\/blog\/video_preview-1\/video_preview-1.gif?_i=AA\",\"datePublished\":\"2020-04-13T14:57:17+00:00\",\"dateModified\":\"2025-02-16T18:00:48+00:00\",\"description\":\"Use the preview effect to automate the generation of video previews with Cloudinary, leading to more page views and clickthroughs.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720154\/Web_Assets\/blog\/video_preview-1\/video_preview-1.gif?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720154\/Web_Assets\/blog\/video_preview-1\/video_preview-1.gif?_i=AA\",\"width\":770,\"height\":423},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Automated Generation of Intelligent Video Previews on Cloudinary\u2019s Dynamic Video Platform\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Automated Generation of Intelligent Video Previews","description":"Use the preview effect to automate the generation of video previews with Cloudinary, leading to more page views and clickthroughs.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time","og_locale":"en_US","og_type":"article","og_title":"Automated Generation of Intelligent Video Previews on Cloudinary\u2019s Dynamic Video Platform","og_description":"Use the preview effect to automate the generation of video previews with Cloudinary, leading to more page views and clickthroughs.","og_url":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time","og_site_name":"Cloudinary Blog","article_published_time":"2020-04-13T14:57:17+00:00","article_modified_time":"2025-02-16T18:00:48+00:00","og_image":[{"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649720154\/Web_Assets\/blog\/video_preview-1\/video_preview-1-gif?_i=AA&w=770","width":770,"height":423,"type":"image\/gif"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time"},"author":{"name":"","@id":""},"headline":"Automated Generation of Intelligent Video Previews on Cloudinary\u2019s Dynamic Video Platform","datePublished":"2020-04-13T14:57:17+00:00","dateModified":"2025-02-16T18:00:48+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time"},"wordCount":12,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720154\/Web_Assets\/blog\/video_preview-1\/video_preview-1.gif?_i=AA","keywords":["AI","Asset Management","Dynamic Video","Video","Video API","Video Transformation"],"inLanguage":"en-US","copyrightYear":"2020","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time","url":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time","name":"Automated Generation of Intelligent Video Previews","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720154\/Web_Assets\/blog\/video_preview-1\/video_preview-1.gif?_i=AA","datePublished":"2020-04-13T14:57:17+00:00","dateModified":"2025-02-16T18:00:48+00:00","description":"Use the preview effect to automate the generation of video previews with Cloudinary, leading to more page views and clickthroughs.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720154\/Web_Assets\/blog\/video_preview-1\/video_preview-1.gif?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720154\/Web_Assets\/blog\/video_preview-1\/video_preview-1.gif?_i=AA","width":770,"height":423},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/auto_generate_video_previews_with_great_results_every_time#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Automated Generation of Intelligent Video Previews on Cloudinary\u2019s Dynamic Video Platform"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649720154\/Web_Assets\/blog\/video_preview-1\/video_preview-1.gif?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=22030"}],"version-history":[{"count":13,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22030\/revisions"}],"predecessor-version":[{"id":36848,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/22030\/revisions\/36848"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/22031"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=22030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=22030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=22030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}