{"id":37308,"date":"2025-05-07T07:00:00","date_gmt":"2025-05-07T14:00:00","guid":{"rendered":"https:\/\/cloudinary.com\/blog\/?p=37308"},"modified":"2025-05-07T10:10:11","modified_gmt":"2025-05-07T17:10:11","slug":"modern-e-commerce-video","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video","title":{"rendered":"How Cloudinary Powers Modern E-commerce Video"},"content":{"rendered":"\n<p>I\u2019m not here to convince you that modern e-commerce videos are essential for your website. The case for video has already been made. (But if you do need a refresher, check out <a href=\"https:\/\/cloudinary.com\/blog\/why-video-is-vital-e-commerce\">Why Video is so Vital for E-commerce<\/a>.)<\/p>\n\n\n\n<p>What I want to show you is how Cloudinary transforms the way you manage and deliver videos across your site, and why that matters when you&#8217;re dealing with hundreds or even thousands of video assets.<\/p>\n\n\n\n<p>Cloudinary acts as a centralized video service across your entire stack \u2014 your website, mobile app, CMS, email campaigns, and beyond. By integrating it as a single source of truth, you can select optimized, personalized, delivery-ready assets directly from the Cloudinary Media Library into any platform in your tech stack. This eliminates version sprawl and manual handoffs that slow teams down and introduce inconsistencies.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/f_auto\/q_auto\/v1742206899\/docs\/Tech_Stack_Integration.png\" alt=\"\" style=\"width:383px;height:auto\"\/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\">3 Ways Cloudinary Helps You Deliver Better Video at Scale<\/h2>\n\n\n\n<p>In this post, I\u2019ll break down three essential ways Cloudinary improves how modern e-commerce video teams work, from managing your assets efficiently, to enhancing the customer experience, to publishing across every channel. These workflows rely on Cloudinary transformations, which let you dynamically adjust and optimize videos for different contexts, devices, and audiences.<\/p>\n\n\n<cld-video-player\n      cloud-name='cloudinary'\n      public-id='docs\/customizedVariations'\n      js-config='{\"playbackRates\":[0.5,1,1.5,2]}'\n      style='max-width: 500px;'\n      class='c-video-player'\n      \n      core-version='2.12.3'\n      player-version='1.7.0'\n      >\n      <video\n        id='_video-player69e619bab7e46'\n        data-cld-big-play-button='init'\n        data-cld-source-types='[\"webm\\\/vp9\",\"mp4\\\/h265\",\"mp4\"]'\n        controls\n        muted\n        class='cld-video-player cld-fluid wp-block-cloudinary-video-player  cld-video-player-skin-dark'\n      ><\/video>\n    <\/cld-video-player>\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"#manage_video_at_scale_with_streamlined_workflows\">Manage video at scale with streamlined workflows<\/a>.<\/strong> If you\u2019re running a modern e-commerce platform, you\u2019re likely juggling a wide variety of video content, such as product videos, lifestyle clips, social teasers, and more. Cloudinary helps you manage it all at scale. It also streamlines your workflows from upload to delivery, making it easier to stay consistent and apply automation.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/f_auto\/q_auto\/docs\/product_workflow.png\" alt=\"\" style=\"width:455px;height:auto\"\/><\/figure><\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"#make_your_videos_stand_out_with_personalization_and_visual_differentiators\">Make your videos stand out with personalization and visual differentiators<\/a>.<\/strong> Efficiency is just the beginning. Cloudinary also gives you tools to elevate the experience. You can also use transformations to personalize videos, adjust them dynamically for different audiences and devices, and apply visual differentiators like branded overlays, localized banners, and even 3D or interactive formats.<\/li>\n<\/ul>\n\n\n<cld-video-player\n      cloud-name='demo'\n      public-id='dynamic-overlays-hero'\n      js-config='{\"playbackRates\":[0.5,1,1.5,2]}'\n      style='max-width: 500px;'\n      class='c-video-player'\n      \n      core-version='2.12.3'\n      player-version='1.7.0'\n      >\n      <video\n        id='_video-player69e619bab8467'\n        data-cld-big-play-button='init'\n        data-cld-source-types='[\"webm\\\/vp9\",\"mp4\\\/h265\",\"mp4\"]'\n        controls\n        muted\n        class='cld-video-player cld-fluid wp-block-cloudinary-video-player  cld-video-player-skin-dark'\n      ><\/video>\n    <\/cld-video-player>\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"#deliver_optimized_responsive_video_for_every_channel\">Deliver optimized, responsive video for every channel<\/a>.<\/strong> And when it\u2019s time to publish? Your videos are already optimized, responsive, and ready to deliver across every channel \u2014 your storefront, mobile app, social media, email campaigns, or marketplaces.<\/li>\n<\/ul>\n\n\n<cld-video-player\n      cloud-name='demo'\n      public-id='smart-cropping-thumb'\n      js-config='{\"playbackRates\":[0.5,1,1.5,2]}'\n      style='max-width: 500px;'\n      class='c-video-player'\n      \n      core-version='2.12.3'\n      player-version='1.7.0'\n      >\n      <video\n        id='_video-player69e619bab87b1'\n        data-cld-big-play-button='init'\n        data-cld-source-types='[\"webm\\\/vp9\",\"mp4\\\/h265\",\"mp4\"]'\n        controls\n        muted\n        class='cld-video-player cld-fluid wp-block-cloudinary-video-player  cld-video-player-skin-dark'\n      ><\/video>\n    <\/cld-video-player>\n\n\n<p>Whether you&#8217;re organizing a growing video library or personalizing content for different audiences, these approaches can help you scale more smoothly and deliver a better experience across channels. For more details, check out the <a href=\"https:\/\/cloudinary.com\/documentation\/ecommerce_guide\">full e-commerce guide<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Manage Video at Scale With Streamlined Workflows<\/h2>\n\n\n\n<p>When you&#8217;re working with hundreds, or thousands, of videos across your e-commerce site, efficiency isn\u2019t optional. Cloudinary helps you scale by giving you the tools to build consistent, automated workflows around your video content.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Start With a Single Source of Truth<\/h3>\n\n\n\n<p>Instead of uploading multiple versions of each video for different channels or formats, store one high-quality original in Cloudinary. From there, every variation \u2014 different sizes, formats, crops, and aspect ratios \u2014 can be generated dynamically on demand. This reduces duplication, minimizes manual editing, and keeps your asset library clean and centralized.<\/p>\n\n\n<cld-video-player\n      cloud-name='demo'\n      public-id='single_source'\n      js-config='{\"playbackRates\":[0.5,1,1.5,2]}'\n      style='max-width: 500px;'\n      class='c-video-player'\n      \n      core-version='2.12.3'\n      player-version='1.7.0'\n      >\n      <video\n        id='_video-player69e619bab8bfe'\n        data-cld-big-play-button='init'\n        data-cld-source-types='[\"webm\\\/vp9\",\"mp4\\\/h265\",\"mp4\"]'\n        controls\n        muted\n        class='cld-video-player cld-fluid wp-block-cloudinary-video-player  cld-video-player-skin-dark'\n      ><\/video>\n    <\/cld-video-player>\n\n\n<p>This is what your code might look like:<\/p>\n\n\n<cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;rawCodeSnippet&quot;:&quot;require &#039;cloudinary&#039;\\r\\nrequire &#039;cloudinary\\\/uploader&#039;\\r\\nrequire &#039;cloudinary\\\/api&#039;\\r\\n\\r\\n# Upload original\\r\\nCloudinary::Uploader.upload(\\&quot;path_to_asset\\&quot;, public_id: \\&quot;product_sku_123\\&quot;)\\r\\n\\r\\n# Create named transformation\\r\\nCloudinary::Api.create_transformation(\\&quot;mobile_product_videos\\&quot;, {\\r\\n  crop: \\&quot;fill\\&quot;,\\r\\n  gravity: \\&quot;auto\\&quot;,\\r\\n  width: 720,\\r\\n  height: 1280\\r\\n})\\r\\n\\r\\n# Deliver transformation\\r\\nimage_url = Cloudinary::Utils.cloudinary_url(\\&quot;product_sku_123\\&quot;, transformation: \\&quot;mobile_product_videos\\&quot;)\\r\\n&quot;,&quot;codeSnippet&quot;:&quot;require &#039;cloudinary&#039;\\r\\nrequire &#039;cloudinary\\\/uploader&#039;\\r\\nrequire &#039;cloudinary\\\/api&#039;\\r\\n\\r\\n# Upload original\\r\\nCloudinary::Uploader.upload(\\&quot;path_to_asset\\&quot;, public_id: \\&quot;product_sku_123\\&quot;)\\r\\n\\r\\n# Create named transformation\\r\\nCloudinary::Api.create_transformation(\\&quot;mobile_product_videos\\&quot;, {\\r\\n  crop: \\&quot;fill\\&quot;,\\r\\n  gravity: \\&quot;auto\\&quot;,\\r\\n  width: 720,\\r\\n  height: 1280\\r\\n})\\r\\n\\r\\n# Deliver transformation\\r\\nimage_url = Cloudinary::Utils.cloudinary_url(\\&quot;product_sku_123\\&quot;, transformation: \\&quot;mobile_product_videos\\&quot;)\\r\\n&quot;},{&quot;sdkId&quot;:&quot;php_2&quot;,&quot;framework&quot;:&quot;php_2&quot;,&quot;language&quot;:&quot;php&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;rawCodeSnippet&quot;:&quot;\\\/\\\/ Upload original\\r\\n$cloudinary-&gt;uploadApi()-&gt;upload(&#039;path_to_asset&#039;, [&#039;public_id&#039; =&gt; &#039;product_sku_123&#039;]);\\r\\n\\r\\n\\\/\\\/ Create named transformation\\r\\n$cloudinary-&gt;adminApi()-&gt;createTransformation(\\&quot;mobile_product_videos\\&quot;, [\\r\\n    \\&quot;crop\\&quot; =&gt; \\&quot;fill\\&quot;,\\r\\n    \\&quot;gravity\\&quot; =&gt; \\&quot;auto\\&quot;,\\r\\n    \\&quot;width\\&quot; =&gt; 720,\\r\\n    \\&quot;height\\&quot; =&gt; 1280\\r\\n]);\\r\\n\\r\\n\\\/\\\/ Deliver transformation\\r\\n$imageUrl = $cloudinary-&gt;image(&#039;product_sku_123&#039;)-&gt;transformation(&#039;mobile_product_videos&#039;)-&gt;toUrl();\\r\\n&quot;,&quot;codeSnippet&quot;:&quot;\\\/\\\/ Upload original\\r\\n$cloudinary-&gt;uploadApi()-&gt;upload(&#039;path_to_asset&#039;, [&#039;public_id&#039; =&gt; &#039;product_sku_123&#039;]);\\r\\n\\r\\n\\\/\\\/ Create named transformation\\r\\n$cloudinary-&gt;adminApi()-&gt;createTransformation(\\&quot;mobile_product_videos\\&quot;, [\\r\\n    \\&quot;crop\\&quot; =&gt; \\&quot;fill\\&quot;,\\r\\n    \\&quot;gravity\\&quot; =&gt; \\&quot;auto\\&quot;,\\r\\n    \\&quot;width\\&quot; =&gt; 720,\\r\\n    \\&quot;height\\&quot; =&gt; 1280\\r\\n]);\\r\\n\\r\\n\\\/\\\/ Deliver transformation\\r\\n$imageUrl = $cloudinary-&gt;image(&#039;product_sku_123&#039;)-&gt;transformation(&#039;mobile_product_videos&#039;)-&gt;toUrl();\\r\\n&quot;},{&quot;sdkId&quot;:&quot;python&quot;,&quot;framework&quot;:&quot;python&quot;,&quot;language&quot;:&quot;python&quot;,&quot;displayName&quot;:&quot;Python&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;rawCodeSnippet&quot;:&quot;import cloudinary.uploader\\r\\nimport cloudinary.api\\r\\nimport cloudinary\\r\\n\\r\\n# Upload original\\r\\ncloudinary.uploader.upload(&#039;path_to_asset&#039;, public_id=&#039;product_sku_123&#039;)\\r\\n\\r\\n# Create named transformation\\r\\ncloudinary.api.create_transformation(\\r\\n  \\&quot;mobile_product_videos\\&quot;,\\r\\n  {\\r\\n    \\&quot;crop\\&quot;: \\&quot;fill\\&quot;,\\r\\n    \\&quot;gravity\\&quot;: \\&quot;auto\\&quot;,\\r\\n    \\&quot;width\\&quot;: 720,\\r\\n    \\&quot;height\\&quot;: 1280\\r\\n  }\\r\\n)\\r\\n\\r\\n# Deliver transformation\\r\\nimage_url = cloudinary.CloudinaryImage(&#039;product_sku_123&#039;).build_url(transformation=&#039;mobile_product_videos&#039;)\\r\\n&quot;,&quot;codeSnippet&quot;:&quot;import cloudinary.uploader\\r\\nimport cloudinary.api\\r\\nimport cloudinary\\r\\n\\r\\n# Upload original\\r\\ncloudinary.uploader.upload(&#039;path_to_asset&#039;, public_id=&#039;product_sku_123&#039;)\\r\\n\\r\\n# Create named transformation\\r\\ncloudinary.api.create_transformation(\\r\\n  \\&quot;mobile_product_videos\\&quot;,\\r\\n  {\\r\\n    \\&quot;crop\\&quot;: \\&quot;fill\\&quot;,\\r\\n    \\&quot;gravity\\&quot;: \\&quot;auto\\&quot;,\\r\\n    \\&quot;width\\&quot;: 720,\\r\\n    \\&quot;height\\&quot;: 1280\\r\\n  }\\r\\n)\\r\\n\\r\\n# Deliver transformation\\r\\nimage_url = cloudinary.CloudinaryImage(&#039;product_sku_123&#039;).build_url(transformation=&#039;mobile_product_videos&#039;)\\r\\n&quot;},{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;javascript&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;rawCodeSnippet&quot;:&quot;\\\/\\\/ Upload originals:\\r\\ncloudinary.uploader.upload(&#039;path_to_asset&#039;, public_id=&#039;product_sku_123&#039;);\\r\\n\\r\\n\\\/\\\/ Create named transformation &#039;mobile_product_videos&#039;\\r\\ncloudinary.v2.api.create_transformation(\\r\\n  \\&quot;mobile_product_videos\\&quot;,\\r\\n  {\\r\\n    crop: \\&quot;fill\\&quot;,\\r\\n    gravity: \\&quot;auto\\&quot;,\\r\\n    width: 720,\\r\\n    height: 1280\\r\\n  }\\r\\n).then(result =&gt; console.log(result));\\r\\n\\r\\n\\\/\\\/ Deliver transformations:\\r\\nconst imageUrl = cloudinary.url(&#039;product_sku_123&#039;, { transformation: &#039;mobile_product_videos&#039; });&quot;,&quot;codeSnippet&quot;:&quot;\\\/\\\/ Upload originals:\\r\\ncloudinary.uploader.upload(&#039;path_to_asset&#039;, public_id=&#039;product_sku_123&#039;);\\r\\n\\r\\n\\\/\\\/ Create named transformation &#039;mobile_product_videos&#039;\\r\\ncloudinary.v2.api.create_transformation(\\r\\n  \\&quot;mobile_product_videos\\&quot;,\\r\\n  {\\r\\n    crop: \\&quot;fill\\&quot;,\\r\\n    gravity: \\&quot;auto\\&quot;,\\r\\n    width: 720,\\r\\n    height: 1280\\r\\n  }\\r\\n).then(result =&gt; console.log(result));\\r\\n\\r\\n\\\/\\\/ Deliver transformations:\\r\\nconst imageUrl = cloudinary.url(&#039;product_sku_123&#039;, { transformation: &#039;mobile_product_videos&#039; });&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;rawCodeSnippet&quot;:&quot;\\\/\\\/ Upload original\\r\\ncloudinary.uploader().upload(\\&quot;path_to_asset\\&quot;, ObjectUtils.asMap(\\&quot;public_id\\&quot;, \\&quot;product_sku_123\\&quot;));\\r\\n\\r\\n\\\/\\\/ Create named transformation\\r\\ncloudinary.api().createTransformation(\\&quot;mobile_product_videos\\&quot;,\\r\\n  new Transformation().crop(\\&quot;fill\\&quot;).gravity(\\&quot;auto\\&quot;).width(720).height(1280).generate(),\\r\\n  ObjectUtils.emptyMap()\\r\\n);\\r\\n\\r\\n\\\/\\\/ Deliver transformation\\r\\nString imageUrl = cloudinary.url().transformation(new Transformation().named(\\&quot;mobile_product_videos\\&quot;)).generate(\\&quot;product_sku_123\\&quot;);\\r\\n&quot;,&quot;codeSnippet&quot;:&quot;\\\/\\\/ Upload original\\r\\ncloudinary.uploader().upload(\\&quot;path_to_asset\\&quot;, ObjectUtils.asMap(\\&quot;public_id\\&quot;, \\&quot;product_sku_123\\&quot;));\\r\\n\\r\\n\\\/\\\/ Create named transformation\\r\\ncloudinary.api().createTransformation(\\&quot;mobile_product_videos\\&quot;,\\r\\n  new Transformation().crop(\\&quot;fill\\&quot;).gravity(\\&quot;auto\\&quot;).width(720).height(1280).generate(),\\r\\n  ObjectUtils.emptyMap()\\r\\n);\\r\\n\\r\\n\\\/\\\/ Deliver transformation\\r\\nString imageUrl = cloudinary.url().transformation(new Transformation().named(\\&quot;mobile_product_videos\\&quot;)).generate(\\&quot;product_sku_123\\&quot;);\\r\\n&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;java&quot;,&quot;displayName&quot;:&quot;.NET&quot;,&quot;packageName&quot;:&quot;CloudinaryDotNet&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;rawCodeSnippet&quot;:&quot;\\\/\\\/ Upload original\\r\\nvar uploadParams = new ImageUploadParams() {\\r\\n  File = new FileDescription(\\&quot;path_to_asset\\&quot;),\\r\\n  PublicId = \\&quot;product_sku_123\\&quot;\\r\\n};\\r\\nvar uploadResult = cloudinary.Upload(uploadParams);\\r\\n\\r\\n\\\/\\\/ Create named transformation\\r\\nvar createTransformParams = new CreateTransformParams() {\\r\\n  Name = \\&quot;mobile_product_videos\\&quot;,\\r\\n  Transformation = new Transformation().Crop(\\&quot;fill\\&quot;).Gravity(\\&quot;auto\\&quot;).Width(720).Height(1280)\\r\\n};\\r\\ncloudinary.CreateTransform(createTransformParams);\\r\\n\\r\\n\\\/\\\/ Deliver transformation\\r\\nvar imageUrl = cloudinary.Api.UrlImgUp.Transform(new Transformation().Named(\\&quot;mobile_product_videos\\&quot;)).BuildUrl(\\&quot;product_sku_123\\&quot;);\\r\\n&quot;,&quot;codeSnippet&quot;:&quot;\\\/\\\/ Upload original\\r\\nvar uploadParams = new ImageUploadParams() {\\r\\n  File = new FileDescription(\\&quot;path_to_asset\\&quot;),\\r\\n  PublicId = \\&quot;product_sku_123\\&quot;\\r\\n};\\r\\nvar uploadResult = cloudinary.Upload(uploadParams);\\r\\n\\r\\n\\\/\\\/ Create named transformation\\r\\nvar createTransformParams = new CreateTransformParams() {\\r\\n  Name = \\&quot;mobile_product_videos\\&quot;,\\r\\n  Transformation = new Transformation().Crop(\\&quot;fill\\&quot;).Gravity(\\&quot;auto\\&quot;).Width(720).Height(1280)\\r\\n};\\r\\ncloudinary.CreateTransform(createTransformParams);\\r\\n\\r\\n\\\/\\\/ Deliver transformation\\r\\nvar imageUrl = cloudinary.Api.UrlImgUp.Transform(new Transformation().Named(\\&quot;mobile_product_videos\\&quot;)).BuildUrl(\\&quot;product_sku_123\\&quot;);\\r\\n&quot;},{&quot;sdkId&quot;:&quot;go&quot;,&quot;framework&quot;:&quot;go&quot;,&quot;language&quot;:&quot;go&quot;,&quot;displayName&quot;:&quot;Go&quot;,&quot;packageName&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;rawCodeSnippet&quot;:&quot;\\\/\\\/ Upload original\\r\\nuploadResp, err := cld.Upload.Upload(ctx, \\&quot;path_to_asset\\&quot;, uploader.UploadParams{\\r\\n  PublicID: \\&quot;product_sku_123\\&quot;,\\r\\n})\\r\\n\\r\\n\\\/\\\/ Create named transformation\\r\\n_, err = cld.Admin.CreateTransformation(ctx, admin.CreateTransformationParams{\\r\\n  Name: \\&quot;mobile_product_videos\\&quot;,\\r\\n  Transformation: \\&quot;c_fill,g_auto,w_720,h_1280\\&quot;,\\r\\n})\\r\\n\\r\\n\\\/\\\/ Deliver transformation\\r\\nimageUrl, err := cld.Image(\\&quot;product_sku_123\\&quot;).Transformation(\\&quot;t_mobile_product_videos\\&quot;).String()\\r\\n&quot;,&quot;codeSnippet&quot;:&quot;\\\/\\\/ Upload original\\r\\nuploadResp, err := cld.Upload.Upload(ctx, \\&quot;path_to_asset\\&quot;, uploader.UploadParams{\\r\\n  PublicID: \\&quot;product_sku_123\\&quot;,\\r\\n})\\r\\n\\r\\n\\\/\\\/ Create named transformation\\r\\n_, err = cld.Admin.CreateTransformation(ctx, admin.CreateTransformationParams{\\r\\n  Name: \\&quot;mobile_product_videos\\&quot;,\\r\\n  Transformation: \\&quot;c_fill,g_auto,w_720,h_1280\\&quot;,\\r\\n})\\r\\n\\r\\n\\\/\\\/ Deliver transformation\\r\\nimageUrl, err := cld.Image(\\&quot;product_sku_123\\&quot;).Transformation(\\&quot;t_mobile_product_videos\\&quot;).String()\\r\\n&quot;},{&quot;sdkId&quot;:&quot;curl&quot;,&quot;framework&quot;:&quot;curl&quot;,&quot;language&quot;:&quot;curl&quot;,&quot;displayName&quot;:&quot;cURL&quot;,&quot;packageName&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;rawCodeSnippet&quot;:&quot;# Upload original\\r\\ncurl -X POST https:\\\/\\\/api.cloudinary.com\\\/v1_1\\\/&lt;cloud_name&gt;\\\/image\\\/upload \\\\\\r\\n  -F file=@path_to_asset \\\\\\r\\n  -F public_id=product_sku_123 \\\\\\r\\n  -F api_key=&lt;API_KEY&gt; \\\\\\r\\n  -F timestamp=$(date +%s) \\\\\\r\\n  -F signature=&lt;SIGNATURE&gt; \\\\\\r\\n  -F api_secret=&lt;API_SECRET&gt;\\r\\n\\r\\n# Create named transformation\\r\\ncurl -X POST https:\\\/\\\/&lt;API_KEY&gt;:&lt;API_SECRET&gt;@api.cloudinary.com\\\/v1_1\\\/&lt;cloud_name&gt;\\\/transformations\\\/mobile_product_videos \\\\\\r\\n  -d &#039;transformation=c_fill,g_auto,w_720,h_1280&#039;\\r\\n\\r\\n# Deliver transformation (just the URL structure)\\r\\nhttps:\\\/\\\/res.cloudinary.com\\\/&lt;cloud_name&gt;\\\/video\\\/upload\\\/t_mobile_product_videos\\\/product_sku_123.mp4\\r\\n&quot;,&quot;codeSnippet&quot;:&quot;# Upload original\\r\\ncurl -X POST https:\\\/\\\/api.cloudinary.com\\\/v1_1\\\/&lt;cloud_name&gt;\\\/image\\\/upload \\\\\\r\\n  -F file=@path_to_asset \\\\\\r\\n  -F public_id=product_sku_123 \\\\\\r\\n  -F api_key=&lt;API_KEY&gt; \\\\\\r\\n  -F timestamp=$(date +%s) \\\\\\r\\n  -F signature=&lt;SIGNATURE&gt; \\\\\\r\\n  -F api_secret=&lt;API_SECRET&gt;\\r\\n\\r\\n# Create named transformation\\r\\ncurl -X POST https:\\\/\\\/&lt;API_KEY&gt;:&lt;API_SECRET&gt;@api.cloudinary.com\\\/v1_1\\\/&lt;cloud_name&gt;\\\/transformations\\\/mobile_product_videos \\\\\\r\\n  -d &#039;transformation=c_fill,g_auto,w_720,h_1280&#039;\\r\\n\\r\\n# Deliver transformation (just the URL structure)\\r\\nhttps:\\\/\\\/res.cloudinary.com\\\/&lt;cloud_name&gt;\\\/video\\\/upload\\\/t_mobile_product_videos\\\/product_sku_123.mp4\\r\\n&quot;}]\"\n      parsed-url=\"[]\"\n      with-url=\"false\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget>\n\n\n<p>For more information, see <a href=\"https:\/\/cloudinary.com\/documentation\/ecommerce_best_practices#store_once_transform_dynamically\">best practices to store once and transform dynamically<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Apply Standardization at Scale With Templates<\/h3>\n\n\n\n<p>Cloudinary supports named transformations, essentially reusable templates, that you can apply to videos during upload or delivery. These can handle everything from resizing, cropping, or trimming videos, to applying branded watermarks or removing audio. So, whether you need to normalize thousands of videos to a 16:9 format or ensure they all carry your campaign\u2019s badge, templates eliminate one-off edits and ensure consistency.<\/p>\n\n\n\n<iframe loading=\"lazy\" \n  src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/du_5\/l_cloudinary_icon_blue\/c_scale,w_0.5\/o_70\/e_brightness:50\/fl_layer_apply,g_north_east,x_20,y_20\/docs\/mountain-aerial-view.mp4\" \n  width=\"640\" \n  height=\"360\" \n  frameborder=\"0\" \n  allow=\"autoplay; encrypted-media\" \n  allowfullscreen>\n<\/iframe>\n\n\n\n<p>Create the <code>sample_video_standardization<\/code> named transformation programmatically or using the <a href=\"https:\/\/console.cloudinary.com\/pm\/transformation_builder\">Transformation Builder<\/a>, a user-friendly UI for creating templates that include a set of transformations, then apply it to your videos in bulk. <\/p>\n\n\n\n<p>This video uses the <code>sample_video_standardization<\/code> named transformation, already configured in the <code>demo<\/code> product environment. Here&#8217;s the delivery URL and the code to generate it:<\/p>\n\n\n<cld-code-widget\n      class=\"wp-block-cloudinary-transformation-widget 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.video(\\&quot;docs\\\/mountain-aerial-view\\&quot;, {transformation: [\\&quot;sample_video_standardization\\&quot;]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;docs\\\/mountain-aerial-view\\&quot;, {transformation: [\\&quot;sample_video_standardization\\&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;docs\\\/mountain-aerial-view.mp4\\&quot;).namedTransformation(\\n  name(\\&quot;sample_video_standardization\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;docs\\\/mountain-aerial-view.mp4\\&quot;).namedTransformation(\\n  name(\\&quot;sample_video_standardization\\&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;docs\\\/mountain-aerial-view\\&quot; &gt; &lt;Transformation transformation={[\\&quot;sample_video_standardization\\&quot;]} \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;docs\\\/mountain-aerial-view\\&quot; &gt;\\n\\t&lt;Transformation transformation={[\\&quot;sample_video_standardization\\&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;docs\\\/mountain-aerial-view.mp4\\&quot;).namedTransformation(\\n  name(\\&quot;sample_video_standardization\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;docs\\\/mountain-aerial-view.mp4\\&quot;).namedTransformation(\\n  name(\\&quot;sample_video_standardization\\&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;docs\\\/mountain-aerial-view\\&quot; &gt; &lt;cld-transformation transformation={[\\&quot;sample_video_standardization\\&quot;]} \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;docs\\\/mountain-aerial-view\\&quot; &gt;\\n\\t&lt;cld-transformation transformation={[\\&quot;sample_video_standardization\\&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;docs\\\/mountain-aerial-view.mp4\\&quot;).namedTransformation(\\n  name(\\&quot;sample_video_standardization\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;docs\\\/mountain-aerial-view.mp4\\&quot;).namedTransformation(\\n  name(\\&quot;sample_video_standardization\\&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;docs\\\/mountain-aerial-view\\&quot; &gt; &lt;cl-transformation transformation={{[\\&quot;sample_video_standardization\\&quot;]}}&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;docs\\\/mountain-aerial-view\\&quot; &gt;\\n\\t&lt;cl-transformation transformation={{[\\&quot;sample_video_standardization\\&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;docs\\\/mountain-aerial-view.mp4\\&quot;).namedTransformation(\\n  name(\\&quot;sample_video_standardization\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;docs\\\/mountain-aerial-view.mp4\\&quot;).namedTransformation(\\n  name(\\&quot;sample_video_standardization\\&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;docs\\\/mountain-aerial-view&#039;, {transformation: [\\&quot;sample_video_standardization\\&quot;]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;docs\\\/mountain-aerial-view&#039;, {transformation: [\\&quot;sample_video_standardization\\&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;docs\\\/mountain-aerial-view\\&quot;).video(transformation=[\\&quot;sample_video_standardization\\&quot;])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;docs\\\/mountain-aerial-view\\&quot;).video(transformation=[\\&quot;sample_video_standardization\\&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;docs\\\/mountain-aerial-view.mp4&#039;))\\n\\t-&gt;namedTransformation(NamedTransformation::name(\\&quot;sample_video_standardization\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;docs\\\/mountain-aerial-view.mp4&#039;))\\n\\t-&gt;namedTransformation(NamedTransformation::name(\\&quot;sample_video_standardization\\&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;&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_video_tag(\\&quot;docs\\\/mountain-aerial-view\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\&quot;sample_video_standardization\\&quot;)))&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;docs\\\/mountain-aerial-view\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\&quot;sample_video_standardization\\&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().named(\\&quot;sample_video_standardization\\&quot;)).videoTag(\\&quot;docs\\\/mountain-aerial-view\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().named(\\&quot;sample_video_standardization\\&quot;)).videoTag(\\&quot;docs\\\/mountain-aerial-view\\&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_video_tag(\\&quot;docs\\\/mountain-aerial-view\\&quot;, transformation: [\\&quot;sample_video_standardization\\&quot;])&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;docs\\\/mountain-aerial-view\\&quot;, transformation: [\\&quot;sample_video_standardization\\&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().Named(\\&quot;sample_video_standardization\\&quot;)).BuildVideoTag(\\&quot;docs\\\/mountain-aerial-view\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Named(\\&quot;sample_video_standardization\\&quot;)).BuildVideoTag(\\&quot;docs\\\/mountain-aerial-view\\&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;docs\\\/mountain-aerial-view.mp4&#039;).transformation(Transformation()\\n\\t.namedTransformation(NamedTransformation.name(\\&quot;sample_video_standardization\\&quot;)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;docs\\\/mountain-aerial-view.mp4&#039;).transformation(Transformation()\\n\\t.namedTransformation(NamedTransformation.name(\\&quot;sample_video_standardization\\&quot;)));&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().setNamed(\\&quot;sample_video_standardization\\&quot;)).generate(\\&quot;docs\\\/mountain-aerial-view.mp4\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setNamed(\\&quot;sample_video_standardization\\&quot;)).generate(\\&quot;docs\\\/mountain-aerial-view.mp4\\&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().named(\\&quot;sample_video_standardization\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;docs\\\/mountain-aerial-view.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().named(\\&quot;sample_video_standardization\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;docs\\\/mountain-aerial-view.mp4\\&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;docs\\\/mountain-aerial-view.mp4&#039;).transformation(Transformation()\\n\\t.namedTransformation(NamedTransformation.name(\\&quot;sample_video_standardization\\&quot;)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;docs\\\/mountain-aerial-view.mp4&#039;).transformation(Transformation()\\n\\t.namedTransformation(NamedTransformation.name(\\&quot;sample_video_standardization\\&quot;)));&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;docs\\\/mountain-aerial-view.mp4\\&quot;)\\n\\t namedTransformation(NamedTransformation.name(\\&quot;sample_video_standardization\\&quot;)) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;docs\\\/mountain-aerial-view.mp4\\&quot;)\\n\\t namedTransformation(NamedTransformation.name(\\&quot;sample_video_standardization\\&quot;)) \\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.video(\\&quot;docs\\\/mountain-aerial-view\\&quot;, {transformation: [\\&quot;sample_video_standardization\\&quot;]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;docs\\\/mountain-aerial-view\\&quot;, {transformation: [\\&quot;sample_video_standardization\\&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;docs\\\/mountain-aerial-view.mp4\\&quot;).namedTransformation(\\n  name(\\&quot;sample_video_standardization\\&quot;)\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;docs\\\/mountain-aerial-view.mp4\\&quot;).namedTransformation(\\n  name(\\&quot;sample_video_standardization\\&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\\\/t_sample_video_standardization\\\/docs\\\/mountain-aerial-view.mp4&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;transformation&quot;:&quot;sample_video_standardization&quot;}],&quot;transformation_string&quot;:&quot;t_sample_video_standardization&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:null,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;docs\\\/mountain-aerial-view.mp4&quot;,&quot;extension&quot;:&quot;mp4&quot;,&quot;format&quot;:&quot;mp4&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>\n\n\n<p>For more information, see <a href=\"https:\/\/cloudinary.com\/documentation\/ecommerce_optimize_customize\">Customize and optimize assets on delivery<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sync Videos to the Right Products Using Metadata<\/h3>\n\n\n\n<p>Structured metadata lets you associate videos with product SKUs, categories, or collections. This makes it easy to organize, retrieve, and deliver the right video to the right spot \u2014 whether that\u2019s a product detail page, a campaign landing page, or a third-party feed. In addition, metadata powers automation. Once you\u2019ve tagged an asset properly, it can be surfaced and rendered automatically where it\u2019s needed.<br><br>Check out a fully functional <a href=\"https:\/\/cloudinary-commercetools-demo.netlify.app\/\">demo<\/a> that showcases the commercetools extension, with examples for setting up a storefront and displaying product assets effectively. The demo includes a product listing page (PLP) with responsive images and other features. For implementation details, see the <a href=\"https:\/\/github.com\/cloudinary\/cloudinary_commercetools\/\">GitHub<\/a> repository.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img decoding=\"async\" src=\"https:\/\/cloudinary-res.cloudinary.com\/image\/upload\/c_crop,g_west,w_1800,h_2000\/f_auto\/q_auto\/bo_1px_solid_gray\/v1685230037\/docs\/integrations\/commercetools_demo_plp.png\" alt=\"\" style=\"width:508px;height:auto\"\/><\/figure><\/div>\n\n\n<p>For more information, see <a href=\"https:\/\/docs-dev.cloudinary.com\/documentation\/ecommerce_workflows_product#sync_assets_with_your_product_data\">Sync assets with your product data<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Use AI-Powered Cropping with g_auto<\/h3>\n\n\n\n<p>When you\u2019re creating video variants for different aspect ratios \u2014 say, vertical for mobile and square for social \u2014 manual cropping becomes a bottleneck. Cloudinary\u2019s <code>g_auto<\/code> parameter uses AI to identify the most important part of the frame and keeps it in view during cropping. That means you can scale delivery to any screen or channel without losing focus on your product or subject.<\/p>\n\n\n<cld-video-player\n      cloud-name='demo'\n      public-id='video_editing_tools'\n      js-config='{\"playbackRates\":[0.5,1,1.5,2]}'\n      style='max-width: 500px;'\n      class='c-video-player'\n      \n      core-version='2.12.3'\n      player-version='1.7.0'\n      >\n      <video\n        id='_video-player69e619baba9be'\n        data-cld-big-play-button='init'\n        data-cld-source-types='[\"webm\\\/vp9\",\"mp4\\\/h265\",\"mp4\"]'\n        controls\n        muted\n        class='cld-video-player cld-fluid wp-block-cloudinary-video-player  cld-video-player-skin-dark'\n      ><\/video>\n    <\/cld-video-player>\n\n\n<p>For more on how to set up video workflows using these strategies, check out the e-commerce video workflow guide.<\/p>\n\n\n\n<p>For more information, see <a href=\"https:\/\/cloudinary.com\/documentation\/ecommerce_optimize_customize#changing_video_orientation\">Changing video orientation<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Make Your Videos Stand Out With Personalization and Visual Differentiators<\/h2>\n\n\n\n<p>Once your video workflows are running smoothly, the next step is to elevate the viewer experience. That\u2019s another area where Cloudinary\u2019s dynamic transformation capabilities come in.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Deliver Targeted Promotions with Dynamic Banners<\/h3>\n\n\n\n<p>Cloudinary enables you to generate personalized banners based on user behavior, such as browsing history or product interest. These video or image-based banners update in real time, letting you deliver highly relevant promotions at scale, without having to create and manage separate versions for every audience segment.<\/p>\n\n\n\n<iframe loading=\"lazy\" \n  src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/co_white,l_text:Arial_85_bold:NEW%20LOCATION\/g_north_west,x_60,y_60,fl_layer_apply\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat%20yourself%20just%20around%20the%20corner,w_300\/g_west,y_50,x_120,fl_layer_apply\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The%20Cafe%20Coffee,w_450\/g_south_east,y_100,x_100,fl_layer_apply\/v1731855790\/guy_woman_mobile.mp4\" \n  width=\"640\" \n  height=\"360\" \n  frameborder=\"0\" \n  allow=\"autoplay; encrypted-media\" \n  allowfullscreen>\n<\/iframe>\n\n\n\n<p>Here&#8217;s the the delivery URL for this video and the code to generate it:<\/p>\n\n\n<cld-code-widget\n      class=\"wp-block-cloudinary-transformation-widget 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.video(\\&quot;guy_woman_mobile\\&quot;, {transformation: [ {color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 85, font_weight: \\&quot;bold\\&quot;, text: \\&quot;NEW%20LOCATION\\&quot;}}, {gravity: \\&quot;north_west\\&quot;, x: 60, y: 60, flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 85, text: \\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;}, width: 300, crop: \\&quot;fit\\&quot;}, {gravity: \\&quot;west\\&quot;, y: 50, x: 120, flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Impact\\&quot;, font_size: 120, font_weight: \\&quot;bold\\&quot;, text: \\&quot;The%20Cafe%20Coffee\\&quot;}, width: 450, crop: \\&quot;fit\\&quot;}, {gravity: \\&quot;south_east\\&quot;, y: 100, x: 100, flags: \\&quot;layer_apply\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;guy_woman_mobile\\&quot;, {transformation: [\\n  {color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 85, font_weight: \\&quot;bold\\&quot;, text: \\&quot;NEW%20LOCATION\\&quot;}},\\n  {gravity: \\&quot;north_west\\&quot;, x: 60, y: 60, flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 85, text: \\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;}, width: 300, crop: \\&quot;fit\\&quot;},\\n  {gravity: \\&quot;west\\&quot;, y: 50, x: 120, flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Impact\\&quot;, font_size: 120, font_weight: \\&quot;bold\\&quot;, text: \\&quot;The%20Cafe%20Coffee\\&quot;}, width: 450, crop: \\&quot;fit\\&quot;},\\n  {gravity: \\&quot;south_east\\&quot;, y: 100, x: 100, flags: \\&quot;layer_apply\\&quot;}\\n  ]})&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;guy_woman_mobile.mp4\\&quot;)\\n  .addTransformation(\\n    \\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;\\n  )\\n  .setVersion(1731855790);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;guy_woman_mobile.mp4\\&quot;)\\n  .addTransformation(\\n    \\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;\\n  )\\n  .setVersion(1731855790);&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;guy_woman_mobile\\&quot; &gt; &lt;Transformation color=\\&quot;white\\&quot; overlay={{fontFamily: \\&quot;Arial\\&quot;, fontSize: 85, fontWeight: \\&quot;bold\\&quot;, text: \\&quot;NEW%20LOCATION\\&quot;}} \\\/&gt; &lt;Transformation gravity=\\&quot;north_west\\&quot; x=\\&quot;60\\&quot; y=\\&quot;60\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation color=\\&quot;white\\&quot; overlay={{fontFamily: \\&quot;Arial\\&quot;, fontSize: 85, text: \\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;}} width=\\&quot;300\\&quot; crop=\\&quot;fit\\&quot; \\\/&gt; &lt;Transformation gravity=\\&quot;west\\&quot; y=\\&quot;50\\&quot; x=\\&quot;120\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;Transformation color=\\&quot;white\\&quot; overlay={{fontFamily: \\&quot;Impact\\&quot;, fontSize: 120, fontWeight: \\&quot;bold\\&quot;, text: \\&quot;The%20Cafe%20Coffee\\&quot;}} width=\\&quot;450\\&quot; crop=\\&quot;fit\\&quot; \\\/&gt; &lt;Transformation gravity=\\&quot;south_east\\&quot; y=\\&quot;100\\&quot; x=\\&quot;100\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;guy_woman_mobile\\&quot; &gt;\\n\\t&lt;Transformation color=\\&quot;white\\&quot; overlay={{fontFamily: \\&quot;Arial\\&quot;, fontSize: 85, fontWeight: \\&quot;bold\\&quot;, text: \\&quot;NEW%20LOCATION\\&quot;}} \\\/&gt;\\n\\t&lt;Transformation gravity=\\&quot;north_west\\&quot; x=\\&quot;60\\&quot; y=\\&quot;60\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation color=\\&quot;white\\&quot; overlay={{fontFamily: \\&quot;Arial\\&quot;, fontSize: 85, text: \\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;}} width=\\&quot;300\\&quot; crop=\\&quot;fit\\&quot; \\\/&gt;\\n\\t&lt;Transformation gravity=\\&quot;west\\&quot; y=\\&quot;50\\&quot; x=\\&quot;120\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;Transformation color=\\&quot;white\\&quot; overlay={{fontFamily: \\&quot;Impact\\&quot;, fontSize: 120, fontWeight: \\&quot;bold\\&quot;, text: \\&quot;The%20Cafe%20Coffee\\&quot;}} width=\\&quot;450\\&quot; crop=\\&quot;fit\\&quot; \\\/&gt;\\n\\t&lt;Transformation gravity=\\&quot;south_east\\&quot; y=\\&quot;100\\&quot; x=\\&quot;100\\&quot; flags=\\&quot;layer_apply\\&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;guy_woman_mobile.mp4\\&quot;)\\n  .addTransformation(\\n    \\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;\\n  )\\n  .setVersion(1731855790);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;guy_woman_mobile.mp4\\&quot;)\\n  .addTransformation(\\n    \\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;\\n  )\\n  .setVersion(1731855790);&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;guy_woman_mobile\\&quot; &gt; &lt;cld-transformation color=\\&quot;white\\&quot; :overlay=\\&quot;{fontFamily: &#039;Arial&#039;, fontSize: 85, fontWeight: &#039;bold&#039;, text: &#039;NEW%20LOCATION&#039;}\\&quot; \\\/&gt; &lt;cld-transformation gravity=\\&quot;north_west\\&quot; x=\\&quot;60\\&quot; y=\\&quot;60\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation color=\\&quot;white\\&quot; :overlay=\\&quot;{fontFamily: &#039;Arial&#039;, fontSize: 85, text: &#039;Treat%20yourself%20just%20around%20the%20corner&#039;}\\&quot; width=\\&quot;300\\&quot; crop=\\&quot;fit\\&quot; \\\/&gt; &lt;cld-transformation gravity=\\&quot;west\\&quot; y=\\&quot;50\\&quot; x=\\&quot;120\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;cld-transformation color=\\&quot;white\\&quot; :overlay=\\&quot;{fontFamily: &#039;Impact&#039;, fontSize: 120, fontWeight: &#039;bold&#039;, text: &#039;The%20Cafe%20Coffee&#039;}\\&quot; width=\\&quot;450\\&quot; crop=\\&quot;fit\\&quot; \\\/&gt; &lt;cld-transformation gravity=\\&quot;south_east\\&quot; y=\\&quot;100\\&quot; x=\\&quot;100\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;guy_woman_mobile\\&quot; &gt;\\n\\t&lt;cld-transformation color=\\&quot;white\\&quot; :overlay=\\&quot;{fontFamily: &#039;Arial&#039;, fontSize: 85, fontWeight: &#039;bold&#039;, text: &#039;NEW%20LOCATION&#039;}\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation gravity=\\&quot;north_west\\&quot; x=\\&quot;60\\&quot; y=\\&quot;60\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation color=\\&quot;white\\&quot; :overlay=\\&quot;{fontFamily: &#039;Arial&#039;, fontSize: 85, text: &#039;Treat%20yourself%20just%20around%20the%20corner&#039;}\\&quot; width=\\&quot;300\\&quot; crop=\\&quot;fit\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation gravity=\\&quot;west\\&quot; y=\\&quot;50\\&quot; x=\\&quot;120\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation color=\\&quot;white\\&quot; :overlay=\\&quot;{fontFamily: &#039;Impact&#039;, fontSize: 120, fontWeight: &#039;bold&#039;, text: &#039;The%20Cafe%20Coffee&#039;}\\&quot; width=\\&quot;450\\&quot; crop=\\&quot;fit\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation gravity=\\&quot;south_east\\&quot; y=\\&quot;100\\&quot; x=\\&quot;100\\&quot; flags=\\&quot;layer_apply\\&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;guy_woman_mobile.mp4\\&quot;)\\n  .addTransformation(\\n    \\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;\\n  )\\n  .setVersion(1731855790);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;guy_woman_mobile.mp4\\&quot;)\\n  .addTransformation(\\n    \\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;\\n  )\\n  .setVersion(1731855790);&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;guy_woman_mobile\\&quot; &gt; &lt;cl-transformation color=\\&quot;white\\&quot; overlay=\\&quot;text:Arial_85_bold:NEW%20LOCATION\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation gravity=\\&quot;north_west\\&quot; x=\\&quot;60\\&quot; y=\\&quot;60\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation color=\\&quot;white\\&quot; overlay=\\&quot;text:Arial_85_line_spacing_-10:Treat%20yourself%20just%20around%20the%20corner\\&quot; width=\\&quot;300\\&quot; crop=\\&quot;fit\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation gravity=\\&quot;west\\&quot; y=\\&quot;50\\&quot; x=\\&quot;120\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation color=\\&quot;white\\&quot; overlay=\\&quot;text:Impact_120_bold_line_spacing_-10:The%20Cafe%20Coffee\\&quot; width=\\&quot;450\\&quot; crop=\\&quot;fit\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation gravity=\\&quot;south_east\\&quot; y=\\&quot;100\\&quot; x=\\&quot;100\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;guy_woman_mobile\\&quot; &gt;\\n\\t&lt;cl-transformation color=\\&quot;white\\&quot; overlay=\\&quot;text:Arial_85_bold:NEW%20LOCATION\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation gravity=\\&quot;north_west\\&quot; x=\\&quot;60\\&quot; y=\\&quot;60\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation color=\\&quot;white\\&quot; overlay=\\&quot;text:Arial_85_line_spacing_-10:Treat%20yourself%20just%20around%20the%20corner\\&quot; width=\\&quot;300\\&quot; crop=\\&quot;fit\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation gravity=\\&quot;west\\&quot; y=\\&quot;50\\&quot; x=\\&quot;120\\&quot; flags=\\&quot;layer_apply\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation color=\\&quot;white\\&quot; overlay=\\&quot;text:Impact_120_bold_line_spacing_-10:The%20Cafe%20Coffee\\&quot; width=\\&quot;450\\&quot; crop=\\&quot;fit\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation gravity=\\&quot;south_east\\&quot; y=\\&quot;100\\&quot; x=\\&quot;100\\&quot; flags=\\&quot;layer_apply\\&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;guy_woman_mobile.mp4\\&quot;)\\n  .addTransformation(\\n    \\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;\\n  )\\n  .setVersion(1731855790);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;guy_woman_mobile.mp4\\&quot;)\\n  .addTransformation(\\n    \\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;\\n  )\\n  .setVersion(1731855790);&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;guy_woman_mobile&#039;, {transformation: [ {color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;NEW%20LOCATION\\&quot;)}, {gravity: \\&quot;north_west\\&quot;, x: 60, y: 60, flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).text(\\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;), width: 300, crop: \\&quot;fit\\&quot;}, {gravity: \\&quot;west\\&quot;, y: 50, x: 120, flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(120).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;The%20Cafe%20Coffee\\&quot;), width: 450, crop: \\&quot;fit\\&quot;}, {gravity: \\&quot;south_east\\&quot;, y: 100, x: 100, flags: \\&quot;layer_apply\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;guy_woman_mobile&#039;, {transformation: [\\n  {color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;NEW%20LOCATION\\&quot;)},\\n  {gravity: \\&quot;north_west\\&quot;, x: 60, y: 60, flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).text(\\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;), width: 300, crop: \\&quot;fit\\&quot;},\\n  {gravity: \\&quot;west\\&quot;, y: 50, x: 120, flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(120).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;The%20Cafe%20Coffee\\&quot;), width: 450, crop: \\&quot;fit\\&quot;},\\n  {gravity: \\&quot;south_east\\&quot;, y: 100, x: 100, flags: \\&quot;layer_apply\\&quot;}\\n  ]}).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;guy_woman_mobile\\&quot;).video(transformation=[ {&#039;color&#039;: \\&quot;white\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Arial\\&quot;, &#039;font_size&#039;: 85, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;text&#039;: \\&quot;NEW%20LOCATION\\&quot;}}, {&#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: 60, &#039;y&#039;: 60, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;color&#039;: \\&quot;white\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Arial\\&quot;, &#039;font_size&#039;: 85, &#039;text&#039;: \\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;}, &#039;width&#039;: 300, &#039;crop&#039;: \\&quot;fit\\&quot;}, {&#039;gravity&#039;: \\&quot;west\\&quot;, &#039;y&#039;: 50, &#039;x&#039;: 120, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}, {&#039;color&#039;: \\&quot;white\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Impact\\&quot;, &#039;font_size&#039;: 120, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;text&#039;: \\&quot;The%20Cafe%20Coffee\\&quot;}, &#039;width&#039;: 450, &#039;crop&#039;: \\&quot;fit\\&quot;}, {&#039;gravity&#039;: \\&quot;south_east\\&quot;, &#039;y&#039;: 100, &#039;x&#039;: 100, &#039;flags&#039;: \\&quot;layer_apply\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;guy_woman_mobile\\&quot;).video(transformation=[\\n  {&#039;color&#039;: \\&quot;white\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Arial\\&quot;, &#039;font_size&#039;: 85, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;text&#039;: \\&quot;NEW%20LOCATION\\&quot;}},\\n  {&#039;gravity&#039;: \\&quot;north_west\\&quot;, &#039;x&#039;: 60, &#039;y&#039;: 60, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;color&#039;: \\&quot;white\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Arial\\&quot;, &#039;font_size&#039;: 85, &#039;text&#039;: \\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;}, &#039;width&#039;: 300, &#039;crop&#039;: \\&quot;fit\\&quot;},\\n  {&#039;gravity&#039;: \\&quot;west\\&quot;, &#039;y&#039;: 50, &#039;x&#039;: 120, &#039;flags&#039;: \\&quot;layer_apply\\&quot;},\\n  {&#039;color&#039;: \\&quot;white\\&quot;, &#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Impact\\&quot;, &#039;font_size&#039;: 120, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;text&#039;: \\&quot;The%20Cafe%20Coffee\\&quot;}, &#039;width&#039;: 450, &#039;crop&#039;: \\&quot;fit\\&quot;},\\n  {&#039;gravity&#039;: \\&quot;south_east\\&quot;, &#039;y&#039;: 100, &#039;x&#039;: 100, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}\\n  ])&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;guy_woman_mobile.mp4&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;NEW LOCATION\\&quot;,(new TextStyle(\\&quot;Arial\\&quot;,85))\\n\\t-&gt;fontWeight(\\n\\tFontWeight::bold())\\n\\t)\\n\\t-&gt;textColor(Color::WHITE)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(60)\\n-&gt;offsetY(60))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;Treat yourself just around the corner\\&quot;,(new TextStyle(\\&quot;Arial\\&quot;,85))-&gt;lineSpacing(-10))\\n\\t-&gt;textFit(\\n\\tTextFit::size(300))\\n\\t-&gt;textColor(Color::WHITE)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::west()))\\n-&gt;offsetX(120)\\n-&gt;offsetY(50))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;The Cafe Coffee\\&quot;,(new TextStyle(\\&quot;Impact\\&quot;,120))\\n\\t-&gt;fontWeight(\\n\\tFontWeight::bold())\\n-&gt;lineSpacing(-10))\\n\\t-&gt;textFit(\\n\\tTextFit::size(450))\\n\\t-&gt;textColor(Color::WHITE)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::southEast()))\\n-&gt;offsetX(100)\\n-&gt;offsetY(100))\\n\\t)\\n\\t-&gt;version(1731855790);&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;guy_woman_mobile.mp4&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;NEW LOCATION\\&quot;,(new TextStyle(\\&quot;Arial\\&quot;,85))\\n\\t-&gt;fontWeight(\\n\\tFontWeight::bold())\\n\\t)\\n\\t-&gt;textColor(Color::WHITE)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northWest()))\\n-&gt;offsetX(60)\\n-&gt;offsetY(60))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;Treat yourself just around the corner\\&quot;,(new TextStyle(\\&quot;Arial\\&quot;,85))-&gt;lineSpacing(-10))\\n\\t-&gt;textFit(\\n\\tTextFit::size(300))\\n\\t-&gt;textColor(Color::WHITE)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::west()))\\n-&gt;offsetX(120)\\n-&gt;offsetY(50))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;The Cafe Coffee\\&quot;,(new TextStyle(\\&quot;Impact\\&quot;,120))\\n\\t-&gt;fontWeight(\\n\\tFontWeight::bold())\\n-&gt;lineSpacing(-10))\\n\\t-&gt;textFit(\\n\\tTextFit::size(450))\\n\\t-&gt;textColor(Color::WHITE)\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::southEast()))\\n-&gt;offsetX(100)\\n-&gt;offsetY(100))\\n\\t)\\n\\t-&gt;version(1731855790);&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_video_tag(\\&quot;guy_woman_mobile\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Arial\\&quot;, \\&quot;font_size\\&quot;=&gt;85, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;text\\&quot;=&gt;\\&quot;NEW%20LOCATION\\&quot;)), array(\\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;60, \\&quot;y\\&quot;=&gt;60, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Arial\\&quot;, \\&quot;font_size\\&quot;=&gt;85, \\&quot;text\\&quot;=&gt;\\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;), \\&quot;width\\&quot;=&gt;300, \\&quot;crop\\&quot;=&gt;\\&quot;fit\\&quot;), array(\\&quot;gravity\\&quot;=&gt;\\&quot;west\\&quot;, \\&quot;y\\&quot;=&gt;50, \\&quot;x\\&quot;=&gt;120, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;), array(\\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Impact\\&quot;, \\&quot;font_size\\&quot;=&gt;120, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;text\\&quot;=&gt;\\&quot;The%20Cafe%20Coffee\\&quot;), \\&quot;width\\&quot;=&gt;450, \\&quot;crop\\&quot;=&gt;\\&quot;fit\\&quot;), array(\\&quot;gravity\\&quot;=&gt;\\&quot;south_east\\&quot;, \\&quot;y\\&quot;=&gt;100, \\&quot;x\\&quot;=&gt;100, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;guy_woman_mobile\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Arial\\&quot;, \\&quot;font_size\\&quot;=&gt;85, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;text\\&quot;=&gt;\\&quot;NEW%20LOCATION\\&quot;)),\\n  array(\\&quot;gravity\\&quot;=&gt;\\&quot;north_west\\&quot;, \\&quot;x\\&quot;=&gt;60, \\&quot;y\\&quot;=&gt;60, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Arial\\&quot;, \\&quot;font_size\\&quot;=&gt;85, \\&quot;text\\&quot;=&gt;\\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;), \\&quot;width\\&quot;=&gt;300, \\&quot;crop\\&quot;=&gt;\\&quot;fit\\&quot;),\\n  array(\\&quot;gravity\\&quot;=&gt;\\&quot;west\\&quot;, \\&quot;y\\&quot;=&gt;50, \\&quot;x\\&quot;=&gt;120, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;),\\n  array(\\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Impact\\&quot;, \\&quot;font_size\\&quot;=&gt;120, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;text\\&quot;=&gt;\\&quot;The%20Cafe%20Coffee\\&quot;), \\&quot;width\\&quot;=&gt;450, \\&quot;crop\\&quot;=&gt;\\&quot;fit\\&quot;),\\n  array(\\&quot;gravity\\&quot;=&gt;\\&quot;south_east\\&quot;, \\&quot;y\\&quot;=&gt;100, \\&quot;x\\&quot;=&gt;100, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;)\\n  )))&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().color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;NEW%20LOCATION\\&quot;)).chain() .gravity(\\&quot;north_west\\&quot;).x(60).y(60).flags(\\&quot;layer_apply\\&quot;).chain() .color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).text(\\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;)).width(300).crop(\\&quot;fit\\&quot;).chain() .gravity(\\&quot;west\\&quot;).y(50).x(120).flags(\\&quot;layer_apply\\&quot;).chain() .color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(120).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;The%20Cafe%20Coffee\\&quot;)).width(450).crop(\\&quot;fit\\&quot;).chain() .gravity(\\&quot;south_east\\&quot;).y(100).x(100).flags(\\&quot;layer_apply\\&quot;)).videoTag(\\&quot;guy_woman_mobile\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;NEW%20LOCATION\\&quot;)).chain()\\n  .gravity(\\&quot;north_west\\&quot;).x(60).y(60).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).text(\\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;)).width(300).crop(\\&quot;fit\\&quot;).chain()\\n  .gravity(\\&quot;west\\&quot;).y(50).x(120).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(120).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;The%20Cafe%20Coffee\\&quot;)).width(450).crop(\\&quot;fit\\&quot;).chain()\\n  .gravity(\\&quot;south_east\\&quot;).y(100).x(100).flags(\\&quot;layer_apply\\&quot;)).videoTag(\\&quot;guy_woman_mobile\\&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_video_tag(\\&quot;guy_woman_mobile\\&quot;, transformation: [ {color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 85, font_weight: \\&quot;bold\\&quot;, text: \\&quot;NEW%20LOCATION\\&quot;}}, {gravity: \\&quot;north_west\\&quot;, x: 60, y: 60, flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 85, text: \\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;}, width: 300, crop: \\&quot;fit\\&quot;}, {gravity: \\&quot;west\\&quot;, y: 50, x: 120, flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Impact\\&quot;, font_size: 120, font_weight: \\&quot;bold\\&quot;, text: \\&quot;The%20Cafe%20Coffee\\&quot;}, width: 450, crop: \\&quot;fit\\&quot;}, {gravity: \\&quot;south_east\\&quot;, y: 100, x: 100, flags: \\&quot;layer_apply\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;guy_woman_mobile\\&quot;, transformation: [\\n  {color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 85, font_weight: \\&quot;bold\\&quot;, text: \\&quot;NEW%20LOCATION\\&quot;}},\\n  {gravity: \\&quot;north_west\\&quot;, x: 60, y: 60, flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Arial\\&quot;, font_size: 85, text: \\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;}, width: 300, crop: \\&quot;fit\\&quot;},\\n  {gravity: \\&quot;west\\&quot;, y: 50, x: 120, flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;white\\&quot;, overlay: {font_family: \\&quot;Impact\\&quot;, font_size: 120, font_weight: \\&quot;bold\\&quot;, text: \\&quot;The%20Cafe%20Coffee\\&quot;}, width: 450, crop: \\&quot;fit\\&quot;},\\n  {gravity: \\&quot;south_east\\&quot;, y: 100, x: 100, flags: \\&quot;layer_apply\\&quot;}\\n  ])&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().Color(\\&quot;white\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Arial\\&quot;).FontSize(85).FontWeight(\\&quot;bold\\&quot;).Text(\\&quot;NEW%20LOCATION\\&quot;)).Chain() .Gravity(\\&quot;north_west\\&quot;).X(60).Y(60).Flags(\\&quot;layer_apply\\&quot;).Chain() .Color(\\&quot;white\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Arial\\&quot;).FontSize(85).Text(\\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;)).Width(300).Crop(\\&quot;fit\\&quot;).Chain() .Gravity(\\&quot;west\\&quot;).Y(50).X(120).Flags(\\&quot;layer_apply\\&quot;).Chain() .Color(\\&quot;white\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Impact\\&quot;).FontSize(120).FontWeight(\\&quot;bold\\&quot;).Text(\\&quot;The%20Cafe%20Coffee\\&quot;)).Width(450).Crop(\\&quot;fit\\&quot;).Chain() .Gravity(\\&quot;south_east\\&quot;).Y(100).X(100).Flags(\\&quot;layer_apply\\&quot;)).BuildVideoTag(\\&quot;guy_woman_mobile\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation()\\n  .Color(\\&quot;white\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Arial\\&quot;).FontSize(85).FontWeight(\\&quot;bold\\&quot;).Text(\\&quot;NEW%20LOCATION\\&quot;)).Chain()\\n  .Gravity(\\&quot;north_west\\&quot;).X(60).Y(60).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Color(\\&quot;white\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Arial\\&quot;).FontSize(85).Text(\\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;)).Width(300).Crop(\\&quot;fit\\&quot;).Chain()\\n  .Gravity(\\&quot;west\\&quot;).Y(50).X(120).Flags(\\&quot;layer_apply\\&quot;).Chain()\\n  .Color(\\&quot;white\\&quot;).Overlay(new TextLayer().FontFamily(\\&quot;Impact\\&quot;).FontSize(120).FontWeight(\\&quot;bold\\&quot;).Text(\\&quot;The%20Cafe%20Coffee\\&quot;)).Width(450).Crop(\\&quot;fit\\&quot;).Chain()\\n  .Gravity(\\&quot;south_east\\&quot;).Y(100).X(100).Flags(\\&quot;layer_apply\\&quot;)).BuildVideoTag(\\&quot;guy_woman_mobile\\&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;guy_woman_mobile.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;)\\n\\t.version(1731855790));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;guy_woman_mobile.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;)\\n\\t.version(1731855790));&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().setColor(\\&quot;white\\&quot;).setOverlay(\\&quot;text:Arial_85_bold:NEW%20LOCATION\\&quot;).chain() .setGravity(\\&quot;north_west\\&quot;).setX(60).setY(60).setFlags(\\&quot;layer_apply\\&quot;).chain() .setColor(\\&quot;white\\&quot;).setOverlay(\\&quot;text:Arial_85_line_spacing_-10:Treat%20yourself%20just%20around%20the%20corner\\&quot;).setWidth(300).setCrop(\\&quot;fit\\&quot;).chain() .setGravity(\\&quot;west\\&quot;).setY(50).setX(120).setFlags(\\&quot;layer_apply\\&quot;).chain() .setColor(\\&quot;white\\&quot;).setOverlay(\\&quot;text:Impact_120_bold_line_spacing_-10:The%20Cafe%20Coffee\\&quot;).setWidth(450).setCrop(\\&quot;fit\\&quot;).chain() .setGravity(\\&quot;south_east\\&quot;).setY(100).setX(100).setFlags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;guy_woman_mobile.mp4\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation()\\n  .setColor(\\&quot;white\\&quot;).setOverlay(\\&quot;text:Arial_85_bold:NEW%20LOCATION\\&quot;).chain()\\n  .setGravity(\\&quot;north_west\\&quot;).setX(60).setY(60).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setColor(\\&quot;white\\&quot;).setOverlay(\\&quot;text:Arial_85_line_spacing_-10:Treat%20yourself%20just%20around%20the%20corner\\&quot;).setWidth(300).setCrop(\\&quot;fit\\&quot;).chain()\\n  .setGravity(\\&quot;west\\&quot;).setY(50).setX(120).setFlags(\\&quot;layer_apply\\&quot;).chain()\\n  .setColor(\\&quot;white\\&quot;).setOverlay(\\&quot;text:Impact_120_bold_line_spacing_-10:The%20Cafe%20Coffee\\&quot;).setWidth(450).setCrop(\\&quot;fit\\&quot;).chain()\\n  .setGravity(\\&quot;south_east\\&quot;).setY(100).setX(100).setFlags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;guy_woman_mobile.mp4\\&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().color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;NEW%20LOCATION\\&quot;)).chain() .gravity(\\&quot;north_west\\&quot;).x(60).y(60).flags(\\&quot;layer_apply\\&quot;).chain() .color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).text(\\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;)).width(300).crop(\\&quot;fit\\&quot;).chain() .gravity(\\&quot;west\\&quot;).y(50).x(120).flags(\\&quot;layer_apply\\&quot;).chain() .color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(120).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;The%20Cafe%20Coffee\\&quot;)).width(450).crop(\\&quot;fit\\&quot;).chain() .gravity(\\&quot;south_east\\&quot;).y(100).x(100).flags(\\&quot;layer_apply\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;guy_woman_mobile.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;NEW%20LOCATION\\&quot;)).chain()\\n  .gravity(\\&quot;north_west\\&quot;).x(60).y(60).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).text(\\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;)).width(300).crop(\\&quot;fit\\&quot;).chain()\\n  .gravity(\\&quot;west\\&quot;).y(50).x(120).flags(\\&quot;layer_apply\\&quot;).chain()\\n  .color(\\&quot;white\\&quot;).overlay(new TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(120).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;The%20Cafe%20Coffee\\&quot;)).width(450).crop(\\&quot;fit\\&quot;).chain()\\n  .gravity(\\&quot;south_east\\&quot;).y(100).x(100).flags(\\&quot;layer_apply\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;guy_woman_mobile.mp4\\&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;guy_woman_mobile.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;)\\n\\t.version(1731855790));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;guy_woman_mobile.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;)\\n\\t.version(1731855790));&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;guy_woman_mobile.mp4\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;NEW LOCATION\\&quot;,TextStyle(\\&quot;Arial\\&quot;,85) {\\n\\t fontWeight(\\n\\tFontWeight.bold())\\n\\t }) {\\n\\t textColor(Color.WHITE)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northWest()))\\n offsetX(60)\\n offsetY(60) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;Treat yourself just around the corner\\&quot;,TextStyle(\\&quot;Arial\\&quot;,85) { lineSpacing(-10) }) {\\n\\t textFit(\\n\\tTextFit.size(300))\\n\\t textColor(Color.WHITE)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n offsetX(120)\\n offsetY(50) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;The Cafe Coffee\\&quot;,TextStyle(\\&quot;Impact\\&quot;,120) {\\n\\t fontWeight(\\n\\tFontWeight.bold())\\n lineSpacing(-10) }) {\\n\\t textFit(\\n\\tTextFit.size(450))\\n\\t textColor(Color.WHITE)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.southEast()))\\n offsetX(100)\\n offsetY(100) })\\n\\t })\\n\\t version(1731855790) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;guy_woman_mobile.mp4\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;NEW LOCATION\\&quot;,TextStyle(\\&quot;Arial\\&quot;,85) {\\n\\t fontWeight(\\n\\tFontWeight.bold())\\n\\t }) {\\n\\t textColor(Color.WHITE)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northWest()))\\n offsetX(60)\\n offsetY(60) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;Treat yourself just around the corner\\&quot;,TextStyle(\\&quot;Arial\\&quot;,85) { lineSpacing(-10) }) {\\n\\t textFit(\\n\\tTextFit.size(300))\\n\\t textColor(Color.WHITE)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n offsetX(120)\\n offsetY(50) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;The Cafe Coffee\\&quot;,TextStyle(\\&quot;Impact\\&quot;,120) {\\n\\t fontWeight(\\n\\tFontWeight.bold())\\n lineSpacing(-10) }) {\\n\\t textFit(\\n\\tTextFit.size(450))\\n\\t textColor(Color.WHITE)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.southEast()))\\n offsetX(100)\\n offsetY(100) })\\n\\t })\\n\\t version(1731855790) \\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.video(\\&quot;guy_woman_mobile\\&quot;, {transformation: [ {color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;NEW%20LOCATION\\&quot;)}, {gravity: \\&quot;north_west\\&quot;, x: 60, y: 60, flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).text(\\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;), width: 300, crop: \\&quot;fit\\&quot;}, {gravity: \\&quot;west\\&quot;, y: 50, x: 120, flags: \\&quot;layer_apply\\&quot;}, {color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(120).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;The%20Cafe%20Coffee\\&quot;), width: 450, crop: \\&quot;fit\\&quot;}, {gravity: \\&quot;south_east\\&quot;, y: 100, x: 100, flags: \\&quot;layer_apply\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;guy_woman_mobile\\&quot;, {transformation: [\\n  {color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;NEW%20LOCATION\\&quot;)},\\n  {gravity: \\&quot;north_west\\&quot;, x: 60, y: 60, flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Arial\\&quot;).fontSize(85).text(\\&quot;Treat%20yourself%20just%20around%20the%20corner\\&quot;), width: 300, crop: \\&quot;fit\\&quot;},\\n  {gravity: \\&quot;west\\&quot;, y: 50, x: 120, flags: \\&quot;layer_apply\\&quot;},\\n  {color: \\&quot;white\\&quot;, overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Impact\\&quot;).fontSize(120).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;The%20Cafe%20Coffee\\&quot;), width: 450, crop: \\&quot;fit\\&quot;},\\n  {gravity: \\&quot;south_east\\&quot;, y: 100, x: 100, flags: \\&quot;layer_apply\\&quot;}\\n  ]})&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;guy_woman_mobile.mp4\\&quot;)\\n  .addTransformation(\\n    \\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;\\n  )\\n  .setVersion(1731855790);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;guy_woman_mobile.mp4\\&quot;)\\n  .addTransformation(\\n    \\&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\&quot;\\n  )\\n  .setVersion(1731855790);&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\\\/co_white,l_text:Arial_85_bold:NEW%20LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat%20yourself%20just%20around%20the%20corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The%20Cafe%20Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply\\\/v1731855790\\\/guy_woman_mobile.mp4&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;color&quot;:&quot;white&quot;,&quot;overlay&quot;:&quot;text:Arial_85_bold:NEW LOCATION&quot;},{&quot;gravity&quot;:&quot;north_west&quot;,&quot;x&quot;:&quot;60&quot;,&quot;y&quot;:&quot;60&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;crop_mode&quot;:&quot;fit&quot;,&quot;color&quot;:&quot;white&quot;,&quot;overlay&quot;:&quot;text:Arial_85_line_spacing_-10:Treat yourself just around the corner&quot;,&quot;width&quot;:&quot;300&quot;},{&quot;gravity&quot;:&quot;west&quot;,&quot;y&quot;:&quot;50&quot;,&quot;x&quot;:&quot;120&quot;,&quot;flags&quot;:&quot;layer_apply&quot;},{&quot;crop_mode&quot;:&quot;fit&quot;,&quot;color&quot;:&quot;white&quot;,&quot;overlay&quot;:&quot;text:Impact_120_bold_line_spacing_-10:The Cafe Coffee&quot;,&quot;width&quot;:&quot;450&quot;},{&quot;gravity&quot;:&quot;south_east&quot;,&quot;y&quot;:&quot;100&quot;,&quot;x&quot;:&quot;100&quot;,&quot;flags&quot;:&quot;layer_apply&quot;}],&quot;transformation_string&quot;:&quot;co_white,l_text:Arial_85_bold:NEW LOCATION\\\/g_north_west,x_60,y_60,fl_layer_apply\\\/c_fit,co_white,l_text:Arial_85_line_spacing_-10:Treat yourself just around the corner,w_300\\\/g_west,y_50,x_120,fl_layer_apply\\\/c_fit,co_white,l_text:Impact_120_bold_line_spacing_-10:The Cafe Coffee,w_450\\\/g_south_east,y_100,x_100,fl_layer_apply&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;1731855790&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;guy_woman_mobile.mp4&quot;,&quot;extension&quot;:&quot;mp4&quot;,&quot;format&quot;:&quot;mp4&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>\n\n\n<p>For more information, see <a href=\"https:\/\/cloudinary.com\/documentation\/ecommerce_visual_differentiators#dynamic_banners_for_targeted_advertising\">dynamic banners for targeted advertising<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Create Personalized Abandoned Cart Reminders<\/h3>\n\n\n\n<p>With dynamic content insertion, Cloudinary can automatically generate email-ready videos that feature specific products left behind in a user\u2019s cart. Product visuals, names, and pricing can all be inserted on the fly \u2014 making your reminders more relevant and increasing the likelihood of conversion.<\/p>\n\n\n\n<video \n  controls \n  width=\"25%\" \n  style=\"max-width: 640px; border: none; border-radius: 30px;\" \n  autoplay \n  muted \n  loop \n  playsinline>\n  <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/r_100\/l_video:coffee-blue-3d-demo\/du_6\/c_scale,w_500\/c_crop,w_425,h_425\/r_max\/fl_layer_apply,g_south_east,y_275,x_38\/abandoned_cart_video.mp4\" type=\"video\/mp4\">\n  Your browser does not support the video tag.\n<\/video>\n\n<\/video>\n\n\n\n<p>Here&#8217;s the the delivery URL and the code to generate it:<\/p>\n\n\n<cld-code-widget\n      class=\"wp-block-cloudinary-transformation-widget 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.video(\\&quot;abandoned_cart_video\\&quot;, {transformation: [ {radius: 100}, {overlay: \\&quot;video:coffee-blue-3d-demo\\&quot;}, {duration: \\&quot;6\\&quot;}, {width: 500, crop: \\&quot;scale\\&quot;}, {width: 425, height: 425, crop: \\&quot;crop\\&quot;}, {radius: \\&quot;max\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south_east\\&quot;, y: 275, x: 38} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;abandoned_cart_video\\&quot;, {transformation: [\\n  {radius: 100},\\n  {overlay: \\&quot;video:coffee-blue-3d-demo\\&quot;},\\n  {duration: \\&quot;6\\&quot;},\\n  {width: 500, crop: \\&quot;scale\\&quot;},\\n  {width: 425, height: 425, crop: \\&quot;crop\\&quot;},\\n  {radius: \\&quot;max\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south_east\\&quot;, y: 275, x: 38}\\n  ]})&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;abandoned_cart_video.mp4\\&quot;)\\n  .roundCorners(byRadius(100))\\n  .overlay(\\n    source(\\n      video(\\&quot;coffee-blue-3d-demo\\&quot;).transformation(\\n        new Transformation()\\n          .videoEdit(trim().duration(\\&quot;6.0\\&quot;))\\n          .resize(scale().width(500))\\n          .resize(crop().width(425).height(425))\\n          .roundCorners(max())\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south_east\\&quot;))\\n        .offsetX(38)\\n        .offsetY(275)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;abandoned_cart_video.mp4\\&quot;)\\n  .roundCorners(byRadius(100))\\n  .overlay(\\n    source(\\n      video(\\&quot;coffee-blue-3d-demo\\&quot;).transformation(\\n        new Transformation()\\n          .videoEdit(trim().duration(\\&quot;6.0\\&quot;))\\n          .resize(scale().width(500))\\n          .resize(crop().width(425).height(425))\\n          .roundCorners(max())\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south_east\\&quot;))\\n        .offsetX(38)\\n        .offsetY(275)\\n    )\\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;abandoned_cart_video\\&quot; &gt; &lt;Transformation radius=\\&quot;100\\&quot; \\\/&gt; &lt;Transformation overlay=\\&quot;video:coffee-blue-3d-demo\\&quot; \\\/&gt; &lt;Transformation duration=\\&quot;6\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;500\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;425\\&quot; height=\\&quot;425\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;Transformation radius=\\&quot;max\\&quot; \\\/&gt; &lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south_east\\&quot; y=\\&quot;275\\&quot; x=\\&quot;38\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;abandoned_cart_video\\&quot; &gt;\\n\\t&lt;Transformation radius=\\&quot;100\\&quot; \\\/&gt;\\n\\t&lt;Transformation overlay=\\&quot;video:coffee-blue-3d-demo\\&quot; \\\/&gt;\\n\\t&lt;Transformation duration=\\&quot;6\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;500\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;425\\&quot; height=\\&quot;425\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;Transformation radius=\\&quot;max\\&quot; \\\/&gt;\\n\\t&lt;Transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south_east\\&quot; y=\\&quot;275\\&quot; x=\\&quot;38\\&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;abandoned_cart_video.mp4\\&quot;)\\n  .roundCorners(byRadius(100))\\n  .overlay(\\n    source(\\n      video(\\&quot;coffee-blue-3d-demo\\&quot;).transformation(\\n        new Transformation()\\n          .videoEdit(trim().duration(\\&quot;6.0\\&quot;))\\n          .resize(scale().width(500))\\n          .resize(crop().width(425).height(425))\\n          .roundCorners(max())\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south_east\\&quot;))\\n        .offsetX(38)\\n        .offsetY(275)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;abandoned_cart_video.mp4\\&quot;)\\n  .roundCorners(byRadius(100))\\n  .overlay(\\n    source(\\n      video(\\&quot;coffee-blue-3d-demo\\&quot;).transformation(\\n        new Transformation()\\n          .videoEdit(trim().duration(\\&quot;6.0\\&quot;))\\n          .resize(scale().width(500))\\n          .resize(crop().width(425).height(425))\\n          .roundCorners(max())\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south_east\\&quot;))\\n        .offsetX(38)\\n        .offsetY(275)\\n    )\\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;abandoned_cart_video\\&quot; &gt; &lt;cld-transformation radius=\\&quot;100\\&quot; \\\/&gt; &lt;cld-transformation :overlay=\\&quot;video:coffee-blue-3d-demo\\&quot; \\\/&gt; &lt;cld-transformation duration=\\&quot;6\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;500\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;425\\&quot; height=\\&quot;425\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt; &lt;cld-transformation radius=\\&quot;max\\&quot; \\\/&gt; &lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south_east\\&quot; y=\\&quot;275\\&quot; x=\\&quot;38\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;abandoned_cart_video\\&quot; &gt;\\n\\t&lt;cld-transformation radius=\\&quot;100\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;video:coffee-blue-3d-demo\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation duration=\\&quot;6\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;500\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;425\\&quot; height=\\&quot;425\\&quot; crop=\\&quot;crop\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation radius=\\&quot;max\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south_east\\&quot; y=\\&quot;275\\&quot; x=\\&quot;38\\&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;abandoned_cart_video.mp4\\&quot;)\\n  .roundCorners(byRadius(100))\\n  .overlay(\\n    source(\\n      video(\\&quot;coffee-blue-3d-demo\\&quot;).transformation(\\n        new Transformation()\\n          .videoEdit(trim().duration(\\&quot;6.0\\&quot;))\\n          .resize(scale().width(500))\\n          .resize(crop().width(425).height(425))\\n          .roundCorners(max())\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south_east\\&quot;))\\n        .offsetX(38)\\n        .offsetY(275)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;abandoned_cart_video.mp4\\&quot;)\\n  .roundCorners(byRadius(100))\\n  .overlay(\\n    source(\\n      video(\\&quot;coffee-blue-3d-demo\\&quot;).transformation(\\n        new Transformation()\\n          .videoEdit(trim().duration(\\&quot;6.0\\&quot;))\\n          .resize(scale().width(500))\\n          .resize(crop().width(425).height(425))\\n          .roundCorners(max())\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south_east\\&quot;))\\n        .offsetX(38)\\n        .offsetY(275)\\n    )\\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;abandoned_cart_video\\&quot; &gt; &lt;cl-transformation radius=\\&quot;100\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation overlay=\\&quot;video:coffee-blue-3d-demo\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation duration=\\&quot;6\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;500\\&quot; crop=\\&quot;scale\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;425\\&quot; height=\\&quot;425\\&quot; crop=\\&quot;crop\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation radius=\\&quot;max\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south_east\\&quot; y=\\&quot;275\\&quot; x=\\&quot;38\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;abandoned_cart_video\\&quot; &gt;\\n\\t&lt;cl-transformation radius=\\&quot;100\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation overlay=\\&quot;video:coffee-blue-3d-demo\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation duration=\\&quot;6\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;500\\&quot; crop=\\&quot;scale\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;425\\&quot; height=\\&quot;425\\&quot; crop=\\&quot;crop\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation radius=\\&quot;max\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation flags=\\&quot;layer_apply\\&quot; gravity=\\&quot;south_east\\&quot; y=\\&quot;275\\&quot; x=\\&quot;38\\&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;abandoned_cart_video.mp4\\&quot;)\\n  .roundCorners(byRadius(100))\\n  .overlay(\\n    source(\\n      video(\\&quot;coffee-blue-3d-demo\\&quot;).transformation(\\n        new Transformation()\\n          .videoEdit(trim().duration(\\&quot;6.0\\&quot;))\\n          .resize(scale().width(500))\\n          .resize(crop().width(425).height(425))\\n          .roundCorners(max())\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south_east\\&quot;))\\n        .offsetX(38)\\n        .offsetY(275)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;abandoned_cart_video.mp4\\&quot;)\\n  .roundCorners(byRadius(100))\\n  .overlay(\\n    source(\\n      video(\\&quot;coffee-blue-3d-demo\\&quot;).transformation(\\n        new Transformation()\\n          .videoEdit(trim().duration(\\&quot;6.0\\&quot;))\\n          .resize(scale().width(500))\\n          .resize(crop().width(425).height(425))\\n          .roundCorners(max())\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south_east\\&quot;))\\n        .offsetX(38)\\n        .offsetY(275)\\n    )\\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;abandoned_cart_video&#039;, {transformation: [ {radius: 100}, {overlay: new cloudinary.Layer().publicId(\\&quot;video:coffee-blue-3d-demo\\&quot;)}, {duration: \\&quot;6\\&quot;}, {width: 500, crop: \\&quot;scale\\&quot;}, {width: 425, height: 425, crop: \\&quot;crop\\&quot;}, {radius: \\&quot;max\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south_east\\&quot;, y: 275, x: 38} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;abandoned_cart_video&#039;, {transformation: [\\n  {radius: 100},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;video:coffee-blue-3d-demo\\&quot;)},\\n  {duration: \\&quot;6\\&quot;},\\n  {width: 500, crop: \\&quot;scale\\&quot;},\\n  {width: 425, height: 425, crop: \\&quot;crop\\&quot;},\\n  {radius: \\&quot;max\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south_east\\&quot;, y: 275, x: 38}\\n  ]}).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;abandoned_cart_video\\&quot;).video(transformation=[ {&#039;radius&#039;: 100}, {&#039;overlay&#039;: \\&quot;video:coffee-blue-3d-demo\\&quot;}, {&#039;duration&#039;: \\&quot;6\\&quot;}, {&#039;width&#039;: 500, &#039;crop&#039;: \\&quot;scale\\&quot;}, {&#039;width&#039;: 425, &#039;height&#039;: 425, &#039;crop&#039;: \\&quot;crop\\&quot;}, {&#039;radius&#039;: \\&quot;max\\&quot;}, {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;south_east\\&quot;, &#039;y&#039;: 275, &#039;x&#039;: 38} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;abandoned_cart_video\\&quot;).video(transformation=[\\n  {&#039;radius&#039;: 100},\\n  {&#039;overlay&#039;: \\&quot;video:coffee-blue-3d-demo\\&quot;},\\n  {&#039;duration&#039;: \\&quot;6\\&quot;},\\n  {&#039;width&#039;: 500, &#039;crop&#039;: \\&quot;scale\\&quot;},\\n  {&#039;width&#039;: 425, &#039;height&#039;: 425, &#039;crop&#039;: \\&quot;crop\\&quot;},\\n  {&#039;radius&#039;: \\&quot;max\\&quot;},\\n  {&#039;flags&#039;: \\&quot;layer_apply\\&quot;, &#039;gravity&#039;: \\&quot;south_east\\&quot;, &#039;y&#039;: 275, &#039;x&#039;: 38}\\n  ])&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;abandoned_cart_video.mp4&#039;))\\n\\t-&gt;roundCorners(RoundCorners::byRadius(100))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::video(\\&quot;coffee-blue-3d-demo\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;videoEdit(VideoEdit::trim()-&gt;duration(6.0))\\n\\t-&gt;resize(Resize::scale()-&gt;width(500))\\n\\t-&gt;resize(Resize::crop()-&gt;width(425)\\n-&gt;height(425))\\n\\t-&gt;roundCorners(RoundCorners::max()))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::southEast()))\\n-&gt;offsetX(38)\\n-&gt;offsetY(275))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;abandoned_cart_video.mp4&#039;))\\n\\t-&gt;roundCorners(RoundCorners::byRadius(100))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::video(\\&quot;coffee-blue-3d-demo\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;videoEdit(VideoEdit::trim()-&gt;duration(6.0))\\n\\t-&gt;resize(Resize::scale()-&gt;width(500))\\n\\t-&gt;resize(Resize::crop()-&gt;width(425)\\n-&gt;height(425))\\n\\t-&gt;roundCorners(RoundCorners::max()))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::southEast()))\\n-&gt;offsetX(38)\\n-&gt;offsetY(275))\\n\\t);&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_video_tag(\\&quot;abandoned_cart_video\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;radius\\&quot;=&gt;100), array(\\&quot;overlay\\&quot;=&gt;\\&quot;video:coffee-blue-3d-demo\\&quot;), array(\\&quot;duration\\&quot;=&gt;\\&quot;6\\&quot;), array(\\&quot;width\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;), array(\\&quot;width\\&quot;=&gt;425, \\&quot;height\\&quot;=&gt;425, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;), array(\\&quot;radius\\&quot;=&gt;\\&quot;max\\&quot;), array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;south_east\\&quot;, \\&quot;y\\&quot;=&gt;275, \\&quot;x\\&quot;=&gt;38) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;abandoned_cart_video\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;radius\\&quot;=&gt;100),\\n  array(\\&quot;overlay\\&quot;=&gt;\\&quot;video:coffee-blue-3d-demo\\&quot;),\\n  array(\\&quot;duration\\&quot;=&gt;\\&quot;6\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;),\\n  array(\\&quot;width\\&quot;=&gt;425, \\&quot;height\\&quot;=&gt;425, \\&quot;crop\\&quot;=&gt;\\&quot;crop\\&quot;),\\n  array(\\&quot;radius\\&quot;=&gt;\\&quot;max\\&quot;),\\n  array(\\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;south_east\\&quot;, \\&quot;y\\&quot;=&gt;275, \\&quot;x\\&quot;=&gt;38)\\n  )))&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().radius(100).chain() .overlay(new Layer().publicId(\\&quot;video:coffee-blue-3d-demo\\&quot;)).chain() .duration(\\&quot;6\\&quot;).chain() .width(500).crop(\\&quot;scale\\&quot;).chain() .width(425).height(425).crop(\\&quot;crop\\&quot;).chain() .radius(\\&quot;max\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;south_east\\&quot;).y(275).x(38)).videoTag(\\&quot;abandoned_cart_video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .radius(100).chain()\\n  .overlay(new Layer().publicId(\\&quot;video:coffee-blue-3d-demo\\&quot;)).chain()\\n  .duration(\\&quot;6\\&quot;).chain()\\n  .width(500).crop(\\&quot;scale\\&quot;).chain()\\n  .width(425).height(425).crop(\\&quot;crop\\&quot;).chain()\\n  .radius(\\&quot;max\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;south_east\\&quot;).y(275).x(38)).videoTag(\\&quot;abandoned_cart_video\\&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_video_tag(\\&quot;abandoned_cart_video\\&quot;, transformation: [ {radius: 100}, {overlay: \\&quot;video:coffee-blue-3d-demo\\&quot;}, {duration: \\&quot;6\\&quot;}, {width: 500, crop: \\&quot;scale\\&quot;}, {width: 425, height: 425, crop: \\&quot;crop\\&quot;}, {radius: \\&quot;max\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south_east\\&quot;, y: 275, x: 38} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;abandoned_cart_video\\&quot;, transformation: [\\n  {radius: 100},\\n  {overlay: \\&quot;video:coffee-blue-3d-demo\\&quot;},\\n  {duration: \\&quot;6\\&quot;},\\n  {width: 500, crop: \\&quot;scale\\&quot;},\\n  {width: 425, height: 425, crop: \\&quot;crop\\&quot;},\\n  {radius: \\&quot;max\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south_east\\&quot;, y: 275, x: 38}\\n  ])&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().Radius(100).Chain() .Overlay(new Layer().PublicId(\\&quot;video:coffee-blue-3d-demo\\&quot;)).Chain() .Duration(\\&quot;6\\&quot;).Chain() .Width(500).Crop(\\&quot;scale\\&quot;).Chain() .Width(425).Height(425).Crop(\\&quot;crop\\&quot;).Chain() .Radius(\\&quot;max\\&quot;).Chain() .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;south_east\\&quot;).Y(275).X(38)).BuildVideoTag(\\&quot;abandoned_cart_video\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation()\\n  .Radius(100).Chain()\\n  .Overlay(new Layer().PublicId(\\&quot;video:coffee-blue-3d-demo\\&quot;)).Chain()\\n  .Duration(\\&quot;6\\&quot;).Chain()\\n  .Width(500).Crop(\\&quot;scale\\&quot;).Chain()\\n  .Width(425).Height(425).Crop(\\&quot;crop\\&quot;).Chain()\\n  .Radius(\\&quot;max\\&quot;).Chain()\\n  .Flags(\\&quot;layer_apply\\&quot;).Gravity(\\&quot;south_east\\&quot;).Y(275).X(38)).BuildVideoTag(\\&quot;abandoned_cart_video\\&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;abandoned_cart_video.mp4&#039;).transformation(Transformation()\\n\\t.roundCorners(RoundCorners.byRadius(100))\\n\\t.overlay(Overlay.source(\\n\\tSource.video(\\&quot;coffee-blue-3d-demo\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.videoEdit(VideoEdit.trim().duration(&#039;6.0&#039;))\\n\\t.resize(Resize.scale().width(500))\\n\\t.resize(Resize.crop().width(425)\\n.height(425))\\n\\t.roundCorners(RoundCorners.max()))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.southEast()))\\n.offsetX(38)\\n.offsetY(275))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;abandoned_cart_video.mp4&#039;).transformation(Transformation()\\n\\t.roundCorners(RoundCorners.byRadius(100))\\n\\t.overlay(Overlay.source(\\n\\tSource.video(\\&quot;coffee-blue-3d-demo\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.videoEdit(VideoEdit.trim().duration(&#039;6.0&#039;))\\n\\t.resize(Resize.scale().width(500))\\n\\t.resize(Resize.crop().width(425)\\n.height(425))\\n\\t.roundCorners(RoundCorners.max()))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.southEast()))\\n.offsetX(38)\\n.offsetY(275))\\n\\t));&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().setRadius(100).chain() .setOverlay(\\&quot;video:coffee-blue-3d-demo\\&quot;).chain() .setDuration(\\&quot;6\\&quot;).chain() .setWidth(500).setCrop(\\&quot;scale\\&quot;).chain() .setWidth(425).setHeight(425).setCrop(\\&quot;crop\\&quot;).chain() .setRadius(\\&quot;max\\&quot;).chain() .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;south_east\\&quot;).setY(275).setX(38)).generate(\\&quot;abandoned_cart_video.mp4\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation()\\n  .setRadius(100).chain()\\n  .setOverlay(\\&quot;video:coffee-blue-3d-demo\\&quot;).chain()\\n  .setDuration(\\&quot;6\\&quot;).chain()\\n  .setWidth(500).setCrop(\\&quot;scale\\&quot;).chain()\\n  .setWidth(425).setHeight(425).setCrop(\\&quot;crop\\&quot;).chain()\\n  .setRadius(\\&quot;max\\&quot;).chain()\\n  .setFlags(\\&quot;layer_apply\\&quot;).setGravity(\\&quot;south_east\\&quot;).setY(275).setX(38)).generate(\\&quot;abandoned_cart_video.mp4\\&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().radius(100).chain() .overlay(new Layer().publicId(\\&quot;video:coffee-blue-3d-demo\\&quot;)).chain() .duration(\\&quot;6\\&quot;).chain() .width(500).crop(\\&quot;scale\\&quot;).chain() .width(425).height(425).crop(\\&quot;crop\\&quot;).chain() .radius(\\&quot;max\\&quot;).chain() .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;south_east\\&quot;).y(275).x(38)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;abandoned_cart_video.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .radius(100).chain()\\n  .overlay(new Layer().publicId(\\&quot;video:coffee-blue-3d-demo\\&quot;)).chain()\\n  .duration(\\&quot;6\\&quot;).chain()\\n  .width(500).crop(\\&quot;scale\\&quot;).chain()\\n  .width(425).height(425).crop(\\&quot;crop\\&quot;).chain()\\n  .radius(\\&quot;max\\&quot;).chain()\\n  .flags(\\&quot;layer_apply\\&quot;).gravity(\\&quot;south_east\\&quot;).y(275).x(38)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;abandoned_cart_video.mp4\\&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;abandoned_cart_video.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;r_100\\\/l_video:coffee-blue-3d-demo\\\/du_6\\\/c_scale,w_500\\\/c_crop,w_425,h_425\\\/r_max\\\/fl_layer_apply,g_south_east,y_275,x_38\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;abandoned_cart_video.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;r_100\\\/l_video:coffee-blue-3d-demo\\\/du_6\\\/c_scale,w_500\\\/c_crop,w_425,h_425\\\/r_max\\\/fl_layer_apply,g_south_east,y_275,x_38\\&quot;));&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;abandoned_cart_video.mp4\\&quot;)\\n\\t roundCorners(RoundCorners.byRadius(100))\\n\\t overlay(Overlay.source(\\n\\tSource.video(\\&quot;coffee-blue-3d-demo\\&quot;) {\\n\\t transformation(Transformation {\\n\\t videoEdit(VideoEdit.trim() { duration(6.0F) })\\n\\t resize(Resize.scale() { width(500) })\\n\\t resize(Resize.crop() { width(425)\\n height(425) })\\n\\t roundCorners(RoundCorners.max()) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.southEast()))\\n offsetX(38)\\n offsetY(275) })\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;abandoned_cart_video.mp4\\&quot;)\\n\\t roundCorners(RoundCorners.byRadius(100))\\n\\t overlay(Overlay.source(\\n\\tSource.video(\\&quot;coffee-blue-3d-demo\\&quot;) {\\n\\t transformation(Transformation {\\n\\t videoEdit(VideoEdit.trim() { duration(6.0F) })\\n\\t resize(Resize.scale() { width(500) })\\n\\t resize(Resize.crop() { width(425)\\n height(425) })\\n\\t roundCorners(RoundCorners.max()) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.southEast()))\\n offsetX(38)\\n offsetY(275) })\\n\\t }) \\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.video(\\&quot;abandoned_cart_video\\&quot;, {transformation: [ {radius: 100}, {overlay: new cloudinary.Layer().publicId(\\&quot;video:coffee-blue-3d-demo\\&quot;)}, {duration: \\&quot;6\\&quot;}, {width: 500, crop: \\&quot;scale\\&quot;}, {width: 425, height: 425, crop: \\&quot;crop\\&quot;}, {radius: \\&quot;max\\&quot;}, {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south_east\\&quot;, y: 275, x: 38} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;abandoned_cart_video\\&quot;, {transformation: [\\n  {radius: 100},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;video:coffee-blue-3d-demo\\&quot;)},\\n  {duration: \\&quot;6\\&quot;},\\n  {width: 500, crop: \\&quot;scale\\&quot;},\\n  {width: 425, height: 425, crop: \\&quot;crop\\&quot;},\\n  {radius: \\&quot;max\\&quot;},\\n  {flags: \\&quot;layer_apply\\&quot;, gravity: \\&quot;south_east\\&quot;, y: 275, x: 38}\\n  ]})&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;abandoned_cart_video.mp4\\&quot;)\\n  .roundCorners(byRadius(100))\\n  .overlay(\\n    source(\\n      video(\\&quot;coffee-blue-3d-demo\\&quot;).transformation(\\n        new Transformation()\\n          .videoEdit(trim().duration(\\&quot;6.0\\&quot;))\\n          .resize(scale().width(500))\\n          .resize(crop().width(425).height(425))\\n          .roundCorners(max())\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south_east\\&quot;))\\n        .offsetX(38)\\n        .offsetY(275)\\n    )\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;abandoned_cart_video.mp4\\&quot;)\\n  .roundCorners(byRadius(100))\\n  .overlay(\\n    source(\\n      video(\\&quot;coffee-blue-3d-demo\\&quot;).transformation(\\n        new Transformation()\\n          .videoEdit(trim().duration(\\&quot;6.0\\&quot;))\\n          .resize(scale().width(500))\\n          .resize(crop().width(425).height(425))\\n          .roundCorners(max())\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;south_east\\&quot;))\\n        .offsetX(38)\\n        .offsetY(275)\\n    )\\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\\\/r_100\\\/l_video:coffee-blue-3d-demo\\\/du_6\\\/c_scale,w_500\\\/c_crop,w_425,h_425\\\/r_max\\\/fl_layer_apply,g_south_east,y_275,x_38\\\/abandoned_cart_video.mp4&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;radius&quot;:&quot;100&quot;},{&quot;overlay&quot;:&quot;video:coffee-blue-3d-demo&quot;},{&quot;duration&quot;:&quot;6&quot;},{&quot;crop_mode&quot;:&quot;scale&quot;,&quot;width&quot;:&quot;500&quot;},{&quot;crop_mode&quot;:&quot;crop&quot;,&quot;width&quot;:&quot;425&quot;,&quot;height&quot;:&quot;425&quot;},{&quot;radius&quot;:&quot;max&quot;},{&quot;flags&quot;:&quot;layer_apply&quot;,&quot;gravity&quot;:&quot;south_east&quot;,&quot;y&quot;:&quot;275&quot;,&quot;x&quot;:&quot;38&quot;}],&quot;transformation_string&quot;:&quot;r_100\\\/l_video:coffee-blue-3d-demo\\\/du_6\\\/c_scale,w_500\\\/c_crop,w_425,h_425\\\/r_max\\\/fl_layer_apply,g_south_east,y_275,x_38&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;abandoned_cart_video.mp4&quot;,&quot;extension&quot;:&quot;mp4&quot;,&quot;format&quot;:&quot;mp4&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>\n\n\n<p>For more information, see <a href=\"https:\/\/cloudinary.com\/documentation\/ecommerce_visual_differentiators#abandoned_cart_reminders\">Abandoned cart reminders<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Engage Users With Interactive Video Experiences<\/h3>\n\n\n\n<p>Cloudinary supports advanced formats like Shoppable Video overlays and object tracking. These features let users click on products directly within a video or follow branded elements as they move across the frame, creating an immersive and actionable experience that drives engagement.<\/p>\n\n\n\n<video \n  controls \n  autoplay \n  muted \n  loop \n  playsinline \n  width=\"100%\" \n  style=\"max-width: 640px;\">\n  <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/l_price_tag\/g_track_person:obj_dress;position_n;adaptivesize_50,fl_layer_apply\/dresses.mp4\" type=\"video\/mp4\">\n  Your browser does not support the video tag.\n<\/video>\n\n\n\n<p>Here&#8217;s the delivery URL for this video and the code to generate it:<\/p>\n\n\n<cld-code-widget\n      class=\"wp-block-cloudinary-transformation-widget 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.video(\\&quot;dresses\\&quot;, {transformation: [ {overlay: \\&quot;price_tag\\&quot;}, {gravity: \\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;, flags: \\&quot;layer_apply\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;dresses\\&quot;, {transformation: [\\n  {overlay: \\&quot;price_tag\\&quot;},\\n  {gravity: \\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;, flags: \\&quot;layer_apply\\&quot;}\\n  ]})&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;dresses.mp4\\&quot;).overlay(\\n  source(image(\\&quot;price_tag\\&quot;)).position(\\n    new Position().gravity(\\n      focusOn(\\&quot;track_person\\&quot;, \\&quot;obj_dress;position_n;adaptivesize_50\\&quot;)\\n    )\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dresses.mp4\\&quot;).overlay(\\n  source(image(\\&quot;price_tag\\&quot;)).position(\\n    new Position().gravity(\\n      focusOn(\\&quot;track_person\\&quot;, \\&quot;obj_dress;position_n;adaptivesize_50\\&quot;)\\n    )\\n  )\\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;dresses\\&quot; &gt; &lt;Transformation overlay=\\&quot;price_tag\\&quot; \\\/&gt; &lt;Transformation gravity=\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;dresses\\&quot; &gt;\\n\\t&lt;Transformation overlay=\\&quot;price_tag\\&quot; \\\/&gt;\\n\\t&lt;Transformation gravity=\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot; flags=\\&quot;layer_apply\\&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;dresses.mp4\\&quot;).overlay(\\n  source(image(\\&quot;price_tag\\&quot;)).position(\\n    new Position().gravity(\\n      focusOn(\\&quot;track_person\\&quot;, \\&quot;obj_dress;position_n;adaptivesize_50\\&quot;)\\n    )\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dresses.mp4\\&quot;).overlay(\\n  source(image(\\&quot;price_tag\\&quot;)).position(\\n    new Position().gravity(\\n      focusOn(\\&quot;track_person\\&quot;, \\&quot;obj_dress;position_n;adaptivesize_50\\&quot;)\\n    )\\n  )\\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;dresses\\&quot; &gt; &lt;cld-transformation :overlay=\\&quot;price_tag\\&quot; \\\/&gt; &lt;cld-transformation gravity=\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot; flags=\\&quot;layer_apply\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;dresses\\&quot; &gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;price_tag\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation gravity=\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot; flags=\\&quot;layer_apply\\&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;dresses.mp4\\&quot;).overlay(\\n  source(image(\\&quot;price_tag\\&quot;)).position(\\n    new Position().gravity(\\n      focusOn(\\&quot;track_person\\&quot;, \\&quot;obj_dress;position_n;adaptivesize_50\\&quot;)\\n    )\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dresses.mp4\\&quot;).overlay(\\n  source(image(\\&quot;price_tag\\&quot;)).position(\\n    new Position().gravity(\\n      focusOn(\\&quot;track_person\\&quot;, \\&quot;obj_dress;position_n;adaptivesize_50\\&quot;)\\n    )\\n  )\\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;dresses\\&quot; &gt; &lt;cl-transformation overlay=\\&quot;price_tag\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation gravity=\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot; flags=\\&quot;layer_apply\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;dresses\\&quot; &gt;\\n\\t&lt;cl-transformation overlay=\\&quot;price_tag\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation gravity=\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot; flags=\\&quot;layer_apply\\&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;dresses.mp4\\&quot;).overlay(\\n  source(image(\\&quot;price_tag\\&quot;)).position(\\n    new Position().gravity(\\n      focusOn(\\&quot;track_person\\&quot;, \\&quot;obj_dress;position_n;adaptivesize_50\\&quot;)\\n    )\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dresses.mp4\\&quot;).overlay(\\n  source(image(\\&quot;price_tag\\&quot;)).position(\\n    new Position().gravity(\\n      focusOn(\\&quot;track_person\\&quot;, \\&quot;obj_dress;position_n;adaptivesize_50\\&quot;)\\n    )\\n  )\\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;dresses&#039;, {transformation: [ {overlay: new cloudinary.Layer().publicId(\\&quot;price_tag\\&quot;)}, {gravity: \\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;, flags: \\&quot;layer_apply\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;dresses&#039;, {transformation: [\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;price_tag\\&quot;)},\\n  {gravity: \\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;, flags: \\&quot;layer_apply\\&quot;}\\n  ]}).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;dresses\\&quot;).video(transformation=[ {&#039;overlay&#039;: \\&quot;price_tag\\&quot;}, {&#039;gravity&#039;: \\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;dresses\\&quot;).video(transformation=[\\n  {&#039;overlay&#039;: \\&quot;price_tag\\&quot;},\\n  {&#039;gravity&#039;: \\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;, &#039;flags&#039;: \\&quot;layer_apply\\&quot;}\\n  ])&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;dresses.mp4&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;price_tag\\&quot;))\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\&quot;track_person\\&quot;,\\&quot;obj_dress;position_n;adaptivesize_50\\&quot;))\\n\\t)\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;dresses.mp4&#039;))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;price_tag\\&quot;))\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::focusOn(\\&quot;track_person\\&quot;,\\&quot;obj_dress;position_n;adaptivesize_50\\&quot;))\\n\\t)\\n\\t);&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_video_tag(\\&quot;dresses\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;overlay\\&quot;=&gt;\\&quot;price_tag\\&quot;), array(\\&quot;gravity\\&quot;=&gt;\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dresses\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;overlay\\&quot;=&gt;\\&quot;price_tag\\&quot;),\\n  array(\\&quot;gravity\\&quot;=&gt;\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;layer_apply\\&quot;)\\n  )))&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().overlay(new Layer().publicId(\\&quot;price_tag\\&quot;)).chain() .gravity(\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;).flags(\\&quot;layer_apply\\&quot;)).videoTag(\\&quot;dresses\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .overlay(new Layer().publicId(\\&quot;price_tag\\&quot;)).chain()\\n  .gravity(\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;).flags(\\&quot;layer_apply\\&quot;)).videoTag(\\&quot;dresses\\&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_video_tag(\\&quot;dresses\\&quot;, transformation: [ {overlay: \\&quot;price_tag\\&quot;}, {gravity: \\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;, flags: \\&quot;layer_apply\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dresses\\&quot;, transformation: [\\n  {overlay: \\&quot;price_tag\\&quot;},\\n  {gravity: \\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;, flags: \\&quot;layer_apply\\&quot;}\\n  ])&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().Overlay(new Layer().PublicId(\\&quot;price_tag\\&quot;)).Chain() .Gravity(\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;).Flags(\\&quot;layer_apply\\&quot;)).BuildVideoTag(\\&quot;dresses\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation()\\n  .Overlay(new Layer().PublicId(\\&quot;price_tag\\&quot;)).Chain()\\n  .Gravity(\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;).Flags(\\&quot;layer_apply\\&quot;)).BuildVideoTag(\\&quot;dresses\\&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;dresses.mp4&#039;).transformation(Transformation()\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;price_tag\\&quot;))\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.focusOn(\\&quot;track_person\\&quot;,\\&quot;obj_dress;position_n;adaptivesize_50\\&quot;))\\n\\t)\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dresses.mp4&#039;).transformation(Transformation()\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;price_tag\\&quot;))\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.focusOn(\\&quot;track_person\\&quot;,\\&quot;obj_dress;position_n;adaptivesize_50\\&quot;))\\n\\t)\\n\\t));&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().setOverlay(\\&quot;price_tag\\&quot;).chain() .setGravity(\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;).setFlags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;dresses.mp4\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation()\\n  .setOverlay(\\&quot;price_tag\\&quot;).chain()\\n  .setGravity(\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;).setFlags(\\&quot;layer_apply\\&quot;)).generate(\\&quot;dresses.mp4\\&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().overlay(new Layer().publicId(\\&quot;price_tag\\&quot;)).chain() .gravity(\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;).flags(\\&quot;layer_apply\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dresses.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .overlay(new Layer().publicId(\\&quot;price_tag\\&quot;)).chain()\\n  .gravity(\\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;).flags(\\&quot;layer_apply\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dresses.mp4\\&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;dresses.mp4&#039;).transformation(Transformation()\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;price_tag\\&quot;))\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.focusOn(\\&quot;track_person\\&quot;,\\&quot;obj_dress;position_n;adaptivesize_50\\&quot;))\\n\\t)\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dresses.mp4&#039;).transformation(Transformation()\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;price_tag\\&quot;))\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.focusOn(\\&quot;track_person\\&quot;,\\&quot;obj_dress;position_n;adaptivesize_50\\&quot;))\\n\\t)\\n\\t));&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;dresses.mp4\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;price_tag\\&quot;)) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.focusOn(\\&quot;track_person\\&quot;,\\&quot;obj_dress;position_n;adaptivesize_50\\&quot;))\\n\\t })\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;dresses.mp4\\&quot;)\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;price_tag\\&quot;)) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.focusOn(\\&quot;track_person\\&quot;,\\&quot;obj_dress;position_n;adaptivesize_50\\&quot;))\\n\\t })\\n\\t }) \\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.video(\\&quot;dresses\\&quot;, {transformation: [ {overlay: new cloudinary.Layer().publicId(\\&quot;price_tag\\&quot;)}, {gravity: \\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;, flags: \\&quot;layer_apply\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;dresses\\&quot;, {transformation: [\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;price_tag\\&quot;)},\\n  {gravity: \\&quot;track_person:obj_dress;position_n;adaptivesize_50\\&quot;, flags: \\&quot;layer_apply\\&quot;}\\n  ]})&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;dresses.mp4\\&quot;).overlay(\\n  source(image(\\&quot;price_tag\\&quot;)).position(\\n    new Position().gravity(\\n      focusOn(\\&quot;track_person\\&quot;, \\&quot;obj_dress;position_n;adaptivesize_50\\&quot;)\\n    )\\n  )\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dresses.mp4\\&quot;).overlay(\\n  source(image(\\&quot;price_tag\\&quot;)).position(\\n    new Position().gravity(\\n      focusOn(\\&quot;track_person\\&quot;, \\&quot;obj_dress;position_n;adaptivesize_50\\&quot;)\\n    )\\n  )\\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\\\/l_price_tag\\\/g_track_person:obj_dress;position_n;adaptivesize_50,fl_layer_apply\\\/dresses.mp4&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;overlay&quot;:&quot;price_tag&quot;},{&quot;gravity&quot;:&quot;track_person:obj_dress;position_n;adaptivesize_50&quot;,&quot;flags&quot;:&quot;layer_apply&quot;}],&quot;transformation_string&quot;:&quot;l_price_tag\\\/g_track_person:obj_dress;position_n;adaptivesize_50,fl_layer_apply&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;dresses.mp4&quot;,&quot;extension&quot;:&quot;mp4&quot;,&quot;format&quot;:&quot;mp4&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>\n\n\n<p>For more information, see <a href=\"https:\/\/cloudinary.com\/documentation\/ecommerce_visual_differentiators#interactive_video_experiences\">Interactive video experiences<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Deliver Optimized, Responsive Video for Every Channel<\/h2>\n\n\n\n<p>Once your videos are ready, Cloudinary makes it easy to deliver them efficiently\u2014no matter where they need to go. Whether you&#8217;re embedding video on product detail pages, launching a campaign on social media, or including rich content in a mobile app or email, Cloudinary ensures each version is optimized for speed, quality, and compatibility.<\/p>\n\n\n<cld-video-player\n      cloud-name='demo'\n      public-id='ecommerce_features_video'\n      js-config='{\"playbackRates\":[0.5,1,1.5,2]}'\n      style='max-width: 500px;'\n      class='c-video-player'\n      \n      core-version='2.12.3'\n      player-version='1.7.0'\n      >\n      <video\n        id='_video-player69e619babd914'\n        data-cld-big-play-button='init'\n        data-cld-source-types='[\"webm\\\/vp9\",\"mp4\\\/h265\",\"mp4\"]'\n        controls\n        muted\n        class='cld-video-player cld-fluid wp-block-cloudinary-video-player  cld-video-player-skin-dark'\n      ><\/video>\n    <\/cld-video-player>\n\n\n<h3 class=\"wp-block-heading\">Optimize Format and Quality Automatically<\/h3>\n\n\n\n<p>Using <code>f_auto<\/code> and <code>q_auto<\/code>, Cloudinary selects the best video format and compression level for each user\u2019s browser and device. This ensures faster load times without sacrificing quality\u2014no manual tweaking required.<\/p>\n\n\n\n<p>For more information, see <a href=\"https:\/\/cloudinary.com\/documentation\/ecommerce_optimize_customize#adding_optimization\">Adding optimization<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Enable Smooth Playback with Adaptive Bitrate Streaming<\/h3>\n\n\n\n<p>For longer-form content or rich media, adaptive bitrate streaming (ABR) ensures a seamless experience by adjusting video quality in real time based on the viewer\u2019s network conditions.&nbsp;&nbsp;&nbsp;<\/p>\n\n\n\n<p>For more information, see <a href=\"https:\/\/cloudinary.com\/documentation\/ecommerce_best_practices#enable_adaptive_bitrate_streaming\">Enable adaptive bitrate streaming<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tailor Delivery for Specific Platforms<\/h3>\n\n\n\n<p>Cloudinary\u2019s named transformations let you predefine variations for different delivery channels, whether that\u2019s a short video for email, a square format for social, or a resized version for marketplaces. Everything is served through a global CDN, so your videos reach users quickly and reliably, no matter where they are.<\/p>\n\n\n\n<p>Below is an example of an asset cropped and resized to various platform requirements:<\/p>\n\n\n\n<div style=\"clear: both; margin-bottom: 20px\">\n<\/div>\n<div style=\"text-align:center;\">\n\n<span style=\"display:inline-block;vertical-align:top;\">\n<a href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/t_instagram_story\/woman_hiker_coat\" target =\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/t_instagram_story\/woman_hiker_coat\" height=170 title=\"Instagram Story\" style=\"margin-left:18px;margin-right: 10px;display:block;\" \/><\/a>\n<b style=\"margin-right: 10px;display:block;\">Instagram Story<\/b>\n<\/span>\n\n<span style=\"display:inline-block;vertical-align:top;\">\n<a href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/t_facebook_cover\/woman_hiker_coat\" target =\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/t_facebook_cover\/woman_hiker_coat\" alt=\"Facebook Cover Image\" height=170 title=\"Facebook Cover Image\" style=\"margin-right: 10px;display:block;\" \/><\/a>\n<b style=\"margin-right: 10px;display:block;\">Facebook Cover Image<\/b>\n<\/span>\n\n<span style=\"display:inline-block;vertical-align:top;\">\n<a href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/t_tiktok_profile\/woman_hiker_coat\" target =\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/t_tiktok_profile\/woman_hiker_coat\" alt=\"TikTok Profile\" height=170 title=\"TikTok Profile\" style=\"margin-right: 10px;display:block;\" \/><\/a>\n<b style=\"margin-right: 10px;display:block;\">TikTok Profile<\/b>\n<\/span>\n\n<\/div>\n<div style=\"clear: both; margin-bottom: 20px\">\n<\/div>\n\n\n\n<p>For more information, see <a href=\"https:\/\/cloudinary.com\/documentation\/ecommerce_workflows_delivery_channels\">Multi-channel content delivery<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Wrapping Up<\/h2>\n\n\n\n<p>Cloudinary makes it possible to go beyond simply hosting video. Build efficient workflows, deliver personalized and engaging experiences, and publish high-performing video content across every channel your customers use.<\/p>\n\n\n\n<p>If you\u2019re ready to take the next step, the Cloudinary e-commerce guide has everything you need to put modern e-commerce video strategies into action. It walks through detailed workflows, practical implementation tips, and best practices for managing, transforming, and delivering video at scale.<\/p>\n\n\n\n<p>Whether you&#8217;re just getting started or looking to refine your current setup, the guide is a great resource for making video a powerful, streamlined part of your e-commerce experience.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I\u2019m not here to convince you that modern e-commerce videos are essential for your website. The case for video has already been made. (But if you do need a refresher, check out Why Video is so Vital for E-commerce.) What I want to show you is how Cloudinary transforms the way you manage and deliver [&hellip;]<\/p>\n","protected":false},"author":52,"featured_media":37567,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[98,303],"class_list":["post-37308","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-e-commerce","tag-video"],"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>How Cloudinary Powers Modern E-commerce Video<\/title>\n<meta name=\"description\" content=\"Discover how Cloudinary powers modern e-commerce video use cases to deliver engaging experiences to your users efficiently.\" \/>\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\/modern-e-commerce-video\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How Cloudinary Powers Modern E-commerce Video\" \/>\n<meta property=\"og:description\" content=\"Discover how Cloudinary powers modern e-commerce video use cases to deliver engaging experiences to your users efficiently.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2025-05-07T14:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-07T17:10:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1746210017\/Web_Assets\/blog\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs-jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"1100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"sharonyelenik\" \/>\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\/modern-e-commerce-video#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video\"},\"author\":{\"name\":\"sharonyelenik\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/dc4e70df8d22a9cfdad676a82fa92a73\"},\"headline\":\"How Cloudinary Powers Modern E-commerce Video\",\"datePublished\":\"2025-05-07T14:00:00+00:00\",\"dateModified\":\"2025-05-07T17:10:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video\"},\"wordCount\":1478,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1746210017\/Web_Assets\/blog\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs.jpg?_i=AA\",\"keywords\":[\"E-commerce\",\"Video\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video\",\"url\":\"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video\",\"name\":\"How Cloudinary Powers Modern E-commerce Video\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1746210017\/Web_Assets\/blog\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs.jpg?_i=AA\",\"datePublished\":\"2025-05-07T14:00:00+00:00\",\"dateModified\":\"2025-05-07T17:10:11+00:00\",\"description\":\"Discover how Cloudinary powers modern e-commerce video use cases to deliver engaging experiences to your users efficiently.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1746210017\/Web_Assets\/blog\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1746210017\/Web_Assets\/blog\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs.jpg?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How Cloudinary Powers Modern E-commerce Video\"}]},{\"@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\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/dc4e70df8d22a9cfdad676a82fa92a73\",\"name\":\"sharonyelenik\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6565cdd768a04e9b6ea3932764886209dd9de8baeeef1504eaad8fe776677f92?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6565cdd768a04e9b6ea3932764886209dd9de8baeeef1504eaad8fe776677f92?s=96&d=mm&r=g\",\"caption\":\"sharonyelenik\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How Cloudinary Powers Modern E-commerce Video","description":"Discover how Cloudinary powers modern e-commerce video use cases to deliver engaging experiences to your users efficiently.","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\/modern-e-commerce-video","og_locale":"en_US","og_type":"article","og_title":"How Cloudinary Powers Modern E-commerce Video","og_description":"Discover how Cloudinary powers modern e-commerce video use cases to deliver engaging experiences to your users efficiently.","og_url":"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video","og_site_name":"Cloudinary Blog","article_published_time":"2025-05-07T14:00:00+00:00","article_modified_time":"2025-05-07T17:10:11+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1746210017\/Web_Assets\/blog\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs-jpg?_i=AA","type":"image\/jpeg"}],"author":"sharonyelenik","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video"},"author":{"name":"sharonyelenik","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/dc4e70df8d22a9cfdad676a82fa92a73"},"headline":"How Cloudinary Powers Modern E-commerce Video","datePublished":"2025-05-07T14:00:00+00:00","dateModified":"2025-05-07T17:10:11+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video"},"wordCount":1478,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1746210017\/Web_Assets\/blog\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs.jpg?_i=AA","keywords":["E-commerce","Video"],"inLanguage":"en-US","copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video","url":"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video","name":"How Cloudinary Powers Modern E-commerce Video","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1746210017\/Web_Assets\/blog\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs.jpg?_i=AA","datePublished":"2025-05-07T14:00:00+00:00","dateModified":"2025-05-07T17:10:11+00:00","description":"Discover how Cloudinary powers modern e-commerce video use cases to deliver engaging experiences to your users efficiently.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/modern-e-commerce-video"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1746210017\/Web_Assets\/blog\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1746210017\/Web_Assets\/blog\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs.jpg?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/modern-e-commerce-video#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How Cloudinary Powers Modern E-commerce Video"}]},{"@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":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/dc4e70df8d22a9cfdad676a82fa92a73","name":"sharonyelenik","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6565cdd768a04e9b6ea3932764886209dd9de8baeeef1504eaad8fe776677f92?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6565cdd768a04e9b6ea3932764886209dd9de8baeeef1504eaad8fe776677f92?s=96&d=mm&r=g","caption":"sharonyelenik"}}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1746210017\/Web_Assets\/blog\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs\/Blog_Video_Launch__Video_for_E-Commerce_Referencing_New_Guide_in_Docs.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/37308","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\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=37308"}],"version-history":[{"count":27,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/37308\/revisions"}],"predecessor-version":[{"id":37584,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/37308\/revisions\/37584"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/37567"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=37308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=37308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=37308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}