{"id":21287,"date":"2015-05-05T18:03:22","date_gmt":"2015-05-05T18:03:22","guid":{"rendered":"http:\/\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing"},"modified":"2025-11-10T10:55:32","modified_gmt":"2025-11-10T18:55:32","slug":"introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing","title":{"rendered":"Introducing Video Asset Management in the Cloud"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><p>They say that a <strong>picture<\/strong> is worth a thousand words. For modern websites, a <strong>video<\/strong> surely takes the visual impact to a whole new level.<\/p>\n<p>Nowadays, people enjoy the amazing capability of shooting videos with smartphone cameras that easily fit in their back pockets and are accessible nearly everywhere. Modern web applications have an opportunity to dramatically increase their visual impact by showcasing these videos online. Between news reports, user shared video snippets, explainer videos and ad campaigns, we see more and more videos appearing daily in our visited websites.<\/p>\n<p>Supporting the backend required to transcode these videos from non-normalized hi-res originals over to HTML5 web friendly video formats is a non-trivial technical process. Many developers spend considerable time building in-house solutions to solve these redundant tasks.<\/p>\n<h2>Cloudinary announces video asset management<\/h2>\n<p>Cloudinary\u2019s image asset management service was publicly launched about 3 years ago. Since then it has become the leading cloud-based image solution, simplifying the life of more than 50,000 developers by leveraging Cloudinary\u2019s end-to-end solution: image upload, cloud storage, powerful administration, image transformation and fast CDN delivery. All that with simple one liners of code that developers love.<\/p>\n<p>Throughout the years we\u2019ve been asked by our customers for a solution for video clips. People were searching for \u2018Cloudinary for video\u2019. <strong>Today we are excited to introduce Cloudinary\u2019s new video asset management solution<\/strong>, an end-to-end cloud-based video asset management service that joins our <a href=\"https:\/\/cloudinary.com\/guides\/digital-asset-management\/image-asset-management\">image asset management<\/a> service, shares the same concepts, usage simplicity, high performance and strong integration with web and mobile development frameworks, and improves your website\u2019s loading speed while reducing your bandwidth requirements and IT costs.<\/p>\n<p>Here\u2019s a short overview video of Cloudinary\u2019s video management solution (make sure to turn on your speakers \ud83d\ude42<\/p>\n<p><video controls=\"controls\" height=\"234\" poster=\"https:\/\/res-1.cloudinary.com\/cloudinary\/video\/upload\/c_scale,w_760,so_20\/introducing_cloudinary_video_management_solution.jpg\" preload=\"none\" style=\"margin: 0 auto; display: block\" width=\"760\"><source src=\"https:\/\/res-3.cloudinary.com\/cloudinary\/video\/upload\/c_scale,w_760\/introducing_cloudinary_video_management_solution.webm\" type=\"video\/webm\"><source src=\"https:\/\/res-1.cloudinary.com\/cloudinary\/video\/upload\/c_scale,w_760\/introducing_cloudinary_video_management_solution.mp4\" type=\"video\/mp4\"><source src=\"https:\/\/res-2.cloudinary.com\/cloudinary\/video\/upload\/c_scale,w_760\/introducing_cloudinary_video_management_solution.ogv\" type=\"video\/ogg\"><\/video><\/p>\n<h2>Video asset management service<\/h2>\n<p>Cloudinary\u2019s service aims to cover all image and video related needs. With a single line of code, developers can start uploading media files to the cloud and with another line of code add dynamically generated image or <a href=\"https:\/\/cloudinary.com\/glossary\/video-ingest\">video content<\/a> to their site, matching their graphic design and product requirements.<\/p>\n<p>The video asset management service currently supports the following:<\/p>\n<ul>\n<li>\n<p><strong>An API for uploading any media files<\/strong>, including images and videos from your back-end application or <strong>directly from the browser or mobile application<\/strong>.<\/p>\n<\/li>\n<li>\n<p>Automatic <strong>video transcoding and normalization<\/strong> for optimized viewing on all web browsers and mobile devices, improving your website\u2019s loading speed while reducing your bandwidth requirements and IT costs .<\/p>\n<\/li>\n<li>\n<p>A rich set of <strong>video transformation capabilities<\/strong>: scale up or down, crop, rotate, modify quality, adjust video codec settings, control bit rate, video trimming, thumbnail generation, conversion to animated GIF and lots more.<\/p>\n<\/li>\n<li>\n<p><strong>Dynamic delivery URLs<\/strong> with on-the-fly transcoding and real-time transformation while streaming the video content.<\/p>\n<\/li>\n<li>\n<p><strong>Worldwide CDN delivery<\/strong> with streaming support for best performance.<\/p>\n<\/li>\n<li>\n<p><strong>An Interactive Media Library<\/strong> for browsing through your media files.<\/p>\n<\/li>\n<li>\n<p><strong>SDKs<\/strong> for all popular web and mobile development frameworks for easy integration with HTML5 sites and mobile apps.<\/p>\n<\/li>\n<\/ul>\n<p>We eliminate video asset management hassle and R&amp;D work on your side as we have done for images, while providing plenty of features for achieving more advanced results.<\/p>\n<h2>Optimizing uploaded videos for best web delivery<\/h2>\n<p>You can let your users upload video files of any common format to the cloud using an authenticated <a href=\"https:\/\/cloudinary.com\/glossary\/video-editing-api\">API<\/a> or directly from a browser or mobile application.<\/p>\n<p>The following code sample in Ruby on Rails, PHP, Node.js and other frameworks performs uploading to the cloud:<\/p>\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;Cloudinary::Uploader.upload(file, \\n            :resource_type =&gt; :video, :public_id =&gt; \\&quot;dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;Cloudinary::Uploader.upload(file, \\n            :resource_type =&gt; :video, :public_id =&gt; \\&quot;dog\\&quot;)&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;rawCodeSnippet&quot;:&quot;\\\\Cloudinary\\\\Uploader::upload(file, \\n        array(\\&quot;resource_type\\&quot; =&gt; \\&quot;video\\&quot;, \\&quot;public_id\\&quot; =&gt; \\&quot;dog\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;\\\\Cloudinary\\\\Uploader::upload(file, \\n        array(\\&quot;resource_type\\&quot; =&gt; \\&quot;video\\&quot;, \\&quot;public_id\\&quot; =&gt; \\&quot;dog\\&quot;));&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;cloudinary.uploader.upload(file, \\n        resource_type = \\&quot;video\\&quot;, public_id = \\&quot;dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.uploader.upload(file, \\n        resource_type = \\&quot;video\\&quot;, public_id = \\&quot;dog\\&quot;)&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;cloudinary.uploader.upload(file, \\n        function(result) {console.log(result); },\\n        { resource_type: \\&quot;video\\&quot;, public_id: \\&quot;dog\\&quot; });&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.uploader.upload(file, \\n        function(result) {console.log(result); },\\n        { resource_type: \\&quot;video\\&quot;, public_id: \\&quot;dog\\&quot; });&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;cloudinary.uploader().upload(file, \\n        ObjectUtils.asMap(\\&quot;resource_type\\&quot;, \\&quot;video\\&quot;, \\&quot;public_id\\&quot;, \\&quot;dog\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.uploader().upload(file, \\n        ObjectUtils.asMap(\\&quot;resource_type\\&quot;, \\&quot;video\\&quot;, \\&quot;public_id\\&quot;, \\&quot;dog\\&quot;));&quot;}]\"\n      parsed-url=\"[]\"\n      with-url=\"false\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget>\n<p>The original video is stored in the cloud and available for streaming delivery via Akamai\u2019s CDN. You can then transcode the video to the three main formats supported by web and mobile browsers (MP4, WebM, OGV), while significantly optimizing their size for faster loading. Simply set the file format extension to <code>.mp4<\/code>, <code>.webm<\/code> and <code>.ogv<\/code>. Setting the <code>video_codec<\/code> parameter (<code>vc<\/code> in URLs) to <code>auto<\/code> will apply the best codec settings for web viewing even if the original format was already one of the three main formats.<\/p>\n<p>The example below delivers an MP4 video while optimizing it for web. The video file size was reduced from 9.1MB to 2.7MB, which means a <strong>saving of 70% on bandwidth and loading time<\/strong> while maintaining the same visual quality.<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video(\\&quot;dog\\&quot;, {video_codec: \\&quot;auto\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;dog\\&quot;, {video_codec: \\&quot;auto\\&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;dog.mp4\\&quot;).transcode(videoCodec(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).transcode(videoCodec(auto()));&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;dog\\&quot; &gt; &lt;Transformation videoCodec=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;dog\\&quot; &gt;\\n\\t&lt;Transformation videoCodec=\\&quot;auto\\&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;dog.mp4\\&quot;).transcode(videoCodec(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).transcode(videoCodec(auto()));&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;dog\\&quot; &gt; &lt;cld-transformation video-codec=\\&quot;auto\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;dog\\&quot; &gt;\\n\\t&lt;cld-transformation video-codec=\\&quot;auto\\&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;dog.mp4\\&quot;).transcode(videoCodec(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).transcode(videoCodec(auto()));&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;dog\\&quot; &gt; &lt;cl-transformation video-codec=\\&quot;auto\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;dog\\&quot; &gt;\\n\\t&lt;cl-transformation video-codec=\\&quot;auto\\&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;dog.mp4\\&quot;).transcode(videoCodec(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).transcode(videoCodec(auto()));&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;dog&#039;, {videoCodec: \\&quot;auto\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;dog&#039;, {videoCodec: \\&quot;auto\\&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;dog\\&quot;).video(video_codec=\\&quot;auto\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;dog\\&quot;).video(video_codec=\\&quot;auto\\&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;dog.mp4&#039;))\\n\\t-&gt;transcode(Transcode::videoCodec(\\n\\tVideoCodec::auto()));&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;dog.mp4&#039;))\\n\\t-&gt;transcode(Transcode::videoCodec(\\n\\tVideoCodec::auto()));&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;dog\\&quot;, array(\\&quot;video_codec\\&quot;=&gt;\\&quot;auto\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dog\\&quot;, array(\\&quot;video_codec\\&quot;=&gt;\\&quot;auto\\&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().videoCodec(\\&quot;auto\\&quot;)).videoTag(\\&quot;dog\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().videoCodec(\\&quot;auto\\&quot;)).videoTag(\\&quot;dog\\&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;dog\\&quot;, video_codec: \\&quot;auto\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dog\\&quot;, video_codec: \\&quot;auto\\&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().VideoCodec(\\&quot;auto\\&quot;)).BuildVideoTag(\\&quot;dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().VideoCodec(\\&quot;auto\\&quot;)).BuildVideoTag(\\&quot;dog\\&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;dog.mp4&#039;).transformation(Transformation()\\n\\t.transcode(Transcode.videoCodec(\\n\\tVideoCodec.auto())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dog.mp4&#039;).transformation(Transformation()\\n\\t.transcode(Transcode.videoCodec(\\n\\tVideoCodec.auto())));&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().setVideoCodec(\\&quot;auto\\&quot;)).generate(\\&quot;dog.mp4\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setVideoCodec(\\&quot;auto\\&quot;)).generate(\\&quot;dog.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().videoCodec(\\&quot;auto\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().videoCodec(\\&quot;auto\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.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;dog.mp4&#039;).transformation(Transformation()\\n\\t.transcode(Transcode.videoCodec(\\n\\tVideoCodec.auto())));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dog.mp4&#039;).transformation(Transformation()\\n\\t.transcode(Transcode.videoCodec(\\n\\tVideoCodec.auto())));&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;dog.mp4\\&quot;)\\n\\t transcode(Transcode.videoCodec(\\n\\tVideoCodec.auto())) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;dog.mp4\\&quot;)\\n\\t transcode(Transcode.videoCodec(\\n\\tVideoCodec.auto())) \\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;dog\\&quot;, {video_codec: \\&quot;auto\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;dog\\&quot;, {video_codec: \\&quot;auto\\&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;dog.mp4\\&quot;).transcode(videoCodec(auto()));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).transcode(videoCodec(auto()));&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\\\/vc_auto\\\/dog.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;video_codec&quot;:&quot;auto&quot;}],&quot;transformation_string&quot;:&quot;vc_auto&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;dog.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><video\n      controls\n      muted\n      preload=\"none\"\n      class=\"c-transformed-asset c-transformed-asset--video\"\n      poster=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/vc_auto\/w_400\/dog.jpg\"\n       width=\"400\" height=\"224\"\n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/vc_auto\/w_400\/vc_h265\/dog.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/vc_auto\/w_400\/vc_vp9\/dog.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/vc_auto\/w_400\/vc_auto\/dog.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/vc_auto\/w_400\/vc_auto\/dog.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<p>As you can see below, converting to other video formats such as WebM is done by simply setting the file format extension of the URL to <code>.webm<\/code>.<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video(\\&quot;dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;dog\\&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;dog.webm\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.webm\\&quot;);&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;dog\\&quot; &gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;dog\\&quot; &gt;\\n\\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;dog.webm\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.webm\\&quot;);&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;dog\\&quot; &gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;dog\\&quot; &gt;\\n\\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;dog.webm\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.webm\\&quot;);&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;dog\\&quot; &gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;dog\\&quot; &gt;\\n\\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;dog.webm\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.webm\\&quot;);&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;dog&#039;).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;dog&#039;).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;dog\\&quot;).video()&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;dog\\&quot;).video()&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;dog.webm&#039;));&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;dog.webm&#039;));&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;dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dog\\&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().videoTag(\\&quot;dog\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().videoTag(\\&quot;dog\\&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;dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dog\\&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.BuildVideoTag(\\&quot;dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.BuildVideoTag(\\&quot;dog\\&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;dog.webm&#039;).transformation(Transformation());&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dog.webm&#039;).transformation(Transformation());&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;).generate(\\&quot;dog.webm\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.webm\\&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().resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.webm\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.webm\\&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;dog.webm&#039;).transformation(Transformation());&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dog.webm&#039;).transformation(Transformation());&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;dog.webm\\&quot;) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;dog.webm\\&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;dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;dog\\&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;dog.webm\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.webm\\&quot;);&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\\\/dog.webm&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_string&quot;:&quot;&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;dog.webm&quot;,&quot;extension&quot;:&quot;webm&quot;,&quot;format&quot;:&quot;webm&quot;,&quot;format_code&quot;:true,&quot;url_code&quot;:false,&quot;signature&quot;:&quot;&quot;,&quot;private_cdn&quot;:false,&quot;result_asset_type&quot;:&quot;video&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><video\n      controls\n      muted\n      preload=\"none\"\n      class=\"c-transformed-asset c-transformed-asset--video\"\n      poster=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_400\/dog.jpg\"\n       width=\"400\" height=\"224\"\n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/\/w_400\/vc_h265\/dog.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/\/w_400\/vc_vp9\/dog.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/\/w_400\/vc_auto\/dog.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/\/w_400\/vc_auto\/dog.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<p>You can further control the video quality, bit rate, video codec and audio quality of the generated video. See our documentation of <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery\">Video asset management<\/a> and <a href=\"https:\/\/cloudinary.com\/documentation\/upload_images\">Upload videos<\/a> for more details.<\/p>\n<h2>Dynamic on-the-fly video transformation URLs<\/h2>\n<p>You can add transformation instructions to delivery URLs in order to transform the videos to match your graphic design and your users\u2019 specific devices. New requested videos are transformed on-the-fly in real-time in the cloud. For larger videos you can pre-generate all transformed derived versions eagerly while uploading.<\/p>\n<p>We also provide a rich set of video transformation capabilities in addition to the video format conversion that was mentioned above. The transformation capabilities and their URL-based API are the same as Cloudinary\u2019s <a href=\"https:\/\/cloudinary.com\/documentation\/image_transformations\">image transformation capabilities<\/a>.<\/p>\n<p>Setting custom <code>width<\/code> and <code>height<\/code> parameters can scale your videos up or down. For example, delivering the same video scaled to 200&#215;200 pixels:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video(\\&quot;dog\\&quot;, {width: 200, height: 200, crop: \\&quot;scale\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;dog\\&quot;, {width: 200, height: 200, crop: \\&quot;scale\\&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;dog.mp4\\&quot;).resize(scale().width(200).height(200));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).resize(scale().width(200).height(200));&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;dog\\&quot; &gt; &lt;Transformation width=\\&quot;200\\&quot; height=\\&quot;200\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;dog\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;200\\&quot; height=\\&quot;200\\&quot; crop=\\&quot;scale\\&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;dog.mp4\\&quot;).resize(scale().width(200).height(200));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).resize(scale().width(200).height(200));&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;dog\\&quot; &gt; &lt;cld-transformation width=\\&quot;200\\&quot; height=\\&quot;200\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;dog\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;200\\&quot; height=\\&quot;200\\&quot; crop=\\&quot;scale\\&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;dog.mp4\\&quot;).resize(scale().width(200).height(200));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).resize(scale().width(200).height(200));&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;dog\\&quot; &gt; &lt;cl-transformation width=\\&quot;200\\&quot; height=\\&quot;200\\&quot; crop=\\&quot;scale\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;dog\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;200\\&quot; height=\\&quot;200\\&quot; crop=\\&quot;scale\\&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;dog.mp4\\&quot;).resize(scale().width(200).height(200));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).resize(scale().width(200).height(200));&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;dog&#039;, {width: 200, height: 200, crop: \\&quot;scale\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;dog&#039;, {width: 200, height: 200, crop: \\&quot;scale\\&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;dog\\&quot;).video(width=200, height=200, crop=\\&quot;scale\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;dog\\&quot;).video(width=200, height=200, crop=\\&quot;scale\\&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;dog.mp4&#039;))\\n\\t-&gt;resize(Resize::scale()-&gt;width(200)\\n-&gt;height(200));&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;dog.mp4&#039;))\\n\\t-&gt;resize(Resize::scale()-&gt;width(200)\\n-&gt;height(200));&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;dog\\&quot;, array(\\&quot;width\\&quot;=&gt;200, \\&quot;height\\&quot;=&gt;200, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dog\\&quot;, array(\\&quot;width\\&quot;=&gt;200, \\&quot;height\\&quot;=&gt;200, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&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().width(200).height(200).crop(\\&quot;scale\\&quot;)).videoTag(\\&quot;dog\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(200).height(200).crop(\\&quot;scale\\&quot;)).videoTag(\\&quot;dog\\&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;dog\\&quot;, width: 200, height: 200, crop: \\&quot;scale\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dog\\&quot;, width: 200, height: 200, crop: \\&quot;scale\\&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().Width(200).Height(200).Crop(\\&quot;scale\\&quot;)).BuildVideoTag(\\&quot;dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Width(200).Height(200).Crop(\\&quot;scale\\&quot;)).BuildVideoTag(\\&quot;dog\\&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;dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.scale().width(200)\\n.height(200)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.scale().width(200)\\n.height(200)));&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().setWidth(200).setHeight(200).setCrop(\\&quot;scale\\&quot;)).generate(\\&quot;dog.mp4\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setWidth(200).setHeight(200).setCrop(\\&quot;scale\\&quot;)).generate(\\&quot;dog.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().width(200).height(200).crop(\\&quot;scale\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(200).height(200).crop(\\&quot;scale\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.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;dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.scale().width(200)\\n.height(200)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.scale().width(200)\\n.height(200)));&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;dog.mp4\\&quot;)\\n\\t resize(Resize.scale() { width(200)\\n height(200) }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;dog.mp4\\&quot;)\\n\\t resize(Resize.scale() { width(200)\\n height(200) }) \\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;dog\\&quot;, {width: 200, height: 200, crop: \\&quot;scale\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;dog\\&quot;, {width: 200, height: 200, crop: \\&quot;scale\\&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;dog.mp4\\&quot;).resize(scale().width(200).height(200));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).resize(scale().width(200).height(200));&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\\\/w_200,h_200,c_scale\\\/dog.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;width&quot;:&quot;200&quot;,&quot;height&quot;:&quot;200&quot;,&quot;crop_mode&quot;:&quot;scale&quot;}],&quot;transformation_string&quot;:&quot;w_200,h_200,c_scale&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;dog.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><video\n      controls\n      muted\n      preload=\"none\"\n      class=\"c-transformed-asset c-transformed-asset--video\"\n      poster=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_200,c_scale\/dog.jpg\"\n       width=\"200\" height=\"200\"\n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_200,c_scale\/vc_h265\/dog.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_200,c_scale\/vc_vp9\/dog.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_200,c_scale\/vc_auto\/dog.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_200,c_scale\/vc_auto\/dog.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<p>Videos can be cropped using various modes and gravities. For example, the following dynamic transformation URL crops the original image to fill a 200&#215;200 square with north gravity.<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video(\\&quot;dog\\&quot;, {width: 200, height: 200, gravity: \\&quot;north\\&quot;, crop: \\&quot;fill\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;dog\\&quot;, {width: 200, height: 200, gravity: \\&quot;north\\&quot;, crop: \\&quot;fill\\&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;dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(200)\\n    .gravity(compass(\\&quot;north\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(200)\\n    .gravity(compass(\\&quot;north\\&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;dog\\&quot; &gt; &lt;Transformation width=\\&quot;200\\&quot; height=\\&quot;200\\&quot; gravity=\\&quot;north\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;dog\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;200\\&quot; height=\\&quot;200\\&quot; gravity=\\&quot;north\\&quot; crop=\\&quot;fill\\&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;dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(200)\\n    .gravity(compass(\\&quot;north\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(200)\\n    .gravity(compass(\\&quot;north\\&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;dog\\&quot; &gt; &lt;cld-transformation width=\\&quot;200\\&quot; height=\\&quot;200\\&quot; gravity=\\&quot;north\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;dog\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;200\\&quot; height=\\&quot;200\\&quot; gravity=\\&quot;north\\&quot; crop=\\&quot;fill\\&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;dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(200)\\n    .gravity(compass(\\&quot;north\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(200)\\n    .gravity(compass(\\&quot;north\\&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;dog\\&quot; &gt; &lt;cl-transformation width=\\&quot;200\\&quot; height=\\&quot;200\\&quot; gravity=\\&quot;north\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;dog\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;200\\&quot; height=\\&quot;200\\&quot; gravity=\\&quot;north\\&quot; crop=\\&quot;fill\\&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;dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(200)\\n    .gravity(compass(\\&quot;north\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(200)\\n    .gravity(compass(\\&quot;north\\&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;dog&#039;, {width: 200, height: 200, gravity: \\&quot;north\\&quot;, crop: \\&quot;fill\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;dog&#039;, {width: 200, height: 200, gravity: \\&quot;north\\&quot;, crop: \\&quot;fill\\&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;dog\\&quot;).video(width=200, height=200, gravity=\\&quot;north\\&quot;, crop=\\&quot;fill\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;dog\\&quot;).video(width=200, height=200, gravity=\\&quot;north\\&quot;, crop=\\&quot;fill\\&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;dog.mp4&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(200)\\n-&gt;height(200)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::north()))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;dog.mp4&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(200)\\n-&gt;height(200)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::north()))\\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;dog\\&quot;, array(\\&quot;width\\&quot;=&gt;200, \\&quot;height\\&quot;=&gt;200, \\&quot;gravity\\&quot;=&gt;\\&quot;north\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dog\\&quot;, array(\\&quot;width\\&quot;=&gt;200, \\&quot;height\\&quot;=&gt;200, \\&quot;gravity\\&quot;=&gt;\\&quot;north\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&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().width(200).height(200).gravity(\\&quot;north\\&quot;).crop(\\&quot;fill\\&quot;)).videoTag(\\&quot;dog\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(200).height(200).gravity(\\&quot;north\\&quot;).crop(\\&quot;fill\\&quot;)).videoTag(\\&quot;dog\\&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;dog\\&quot;, width: 200, height: 200, gravity: \\&quot;north\\&quot;, crop: \\&quot;fill\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dog\\&quot;, width: 200, height: 200, gravity: \\&quot;north\\&quot;, crop: \\&quot;fill\\&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().Width(200).Height(200).Gravity(\\&quot;north\\&quot;).Crop(\\&quot;fill\\&quot;)).BuildVideoTag(\\&quot;dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Width(200).Height(200).Gravity(\\&quot;north\\&quot;).Crop(\\&quot;fill\\&quot;)).BuildVideoTag(\\&quot;dog\\&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;dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(200)\\n.height(200)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(200)\\n.height(200)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\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().setWidth(200).setHeight(200).setGravity(\\&quot;north\\&quot;).setCrop(\\&quot;fill\\&quot;)).generate(\\&quot;dog.mp4\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setWidth(200).setHeight(200).setGravity(\\&quot;north\\&quot;).setCrop(\\&quot;fill\\&quot;)).generate(\\&quot;dog.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().width(200).height(200).gravity(\\&quot;north\\&quot;).crop(\\&quot;fill\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(200).height(200).gravity(\\&quot;north\\&quot;).crop(\\&quot;fill\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.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;dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(200)\\n.height(200)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(200)\\n.height(200)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\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;dog.mp4\\&quot;)\\n\\t resize(Resize.fill() { width(200)\\n height(200)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;dog.mp4\\&quot;)\\n\\t resize(Resize.fill() { width(200)\\n height(200)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\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;dog\\&quot;, {width: 200, height: 200, gravity: \\&quot;north\\&quot;, crop: \\&quot;fill\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;dog\\&quot;, {width: 200, height: 200, gravity: \\&quot;north\\&quot;, crop: \\&quot;fill\\&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;dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(200)\\n    .gravity(compass(\\&quot;north\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(200)\\n    .gravity(compass(\\&quot;north\\&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\\\/w_200,h_200,c_fill,g_north\\\/dog.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;width&quot;:&quot;200&quot;,&quot;height&quot;:&quot;200&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;gravity&quot;:&quot;north&quot;}],&quot;transformation_string&quot;:&quot;w_200,h_200,c_fill,g_north&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;dog.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><video\n      controls\n      muted\n      preload=\"none\"\n      class=\"c-transformed-asset c-transformed-asset--video\"\n      poster=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_200,c_fill,g_north\/dog.jpg\"\n       width=\"200\" height=\"200\"\n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_200,c_fill,g_north\/vc_h265\/dog.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_200,c_fill,g_north\/vc_vp9\/dog.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_200,c_fill,g_north\/vc_auto\/dog.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_200,c_fill,g_north\/vc_auto\/dog.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<p>As the example below shows, videos can be trimmed by specifying <code>start_offset<\/code> and <code>end_offset<\/code>, rotated using the <code>angle<\/code> parameter and have significantly reduced file size by controlling the <code>quality<\/code> parameter:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video(\\&quot;dog\\&quot;, {width: \\&quot;0.3\\&quot;, start_offset: \\&quot;3.5\\&quot;, end_offset: \\&quot;10.7\\&quot;, angle: 20, quality: 40, crop: \\&quot;scale\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;dog\\&quot;, {width: \\&quot;0.3\\&quot;, start_offset: \\&quot;3.5\\&quot;, end_offset: \\&quot;10.7\\&quot;, angle: 20, quality: 40, crop: \\&quot;scale\\&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;dog.mp4\\&quot;)\\n  .videoEdit(trim().startOffset(3.5).endOffset(10.7))\\n  .rotate(byAngle(20))\\n  .resize(scale().width(0.3))\\n  .delivery(quality(40));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;)\\n  .videoEdit(trim().startOffset(3.5).endOffset(10.7))\\n  .rotate(byAngle(20))\\n  .resize(scale().width(0.3))\\n  .delivery(quality(40));&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;dog\\&quot; &gt; &lt;Transformation width=\\&quot;0.3\\&quot; startOffset=\\&quot;3.5\\&quot; endOffset=\\&quot;10.7\\&quot; angle=\\&quot;20\\&quot; quality=\\&quot;40\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;dog\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;0.3\\&quot; startOffset=\\&quot;3.5\\&quot; endOffset=\\&quot;10.7\\&quot; angle=\\&quot;20\\&quot; quality=\\&quot;40\\&quot; crop=\\&quot;scale\\&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;dog.mp4\\&quot;)\\n  .videoEdit(trim().startOffset(3.5).endOffset(10.7))\\n  .rotate(byAngle(20))\\n  .resize(scale().width(0.3))\\n  .delivery(quality(40));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;)\\n  .videoEdit(trim().startOffset(3.5).endOffset(10.7))\\n  .rotate(byAngle(20))\\n  .resize(scale().width(0.3))\\n  .delivery(quality(40));&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;dog\\&quot; &gt; &lt;cld-transformation width=\\&quot;0.3\\&quot; start-offset=\\&quot;3.5\\&quot; end-offset=\\&quot;10.7\\&quot; angle=\\&quot;20\\&quot; quality=\\&quot;40\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;dog\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;0.3\\&quot; start-offset=\\&quot;3.5\\&quot; end-offset=\\&quot;10.7\\&quot; angle=\\&quot;20\\&quot; quality=\\&quot;40\\&quot; crop=\\&quot;scale\\&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;dog.mp4\\&quot;)\\n  .videoEdit(trim().startOffset(3.5).endOffset(10.7))\\n  .rotate(byAngle(20))\\n  .resize(scale().width(0.3))\\n  .delivery(quality(40));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;)\\n  .videoEdit(trim().startOffset(3.5).endOffset(10.7))\\n  .rotate(byAngle(20))\\n  .resize(scale().width(0.3))\\n  .delivery(quality(40));&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;dog\\&quot; &gt; &lt;cl-transformation width=\\&quot;0.3\\&quot; start-offset=\\&quot;3.5\\&quot; end-offset=\\&quot;10.7\\&quot; angle=\\&quot;20\\&quot; quality=\\&quot;40\\&quot; crop=\\&quot;scale\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;dog\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;0.3\\&quot; start-offset=\\&quot;3.5\\&quot; end-offset=\\&quot;10.7\\&quot; angle=\\&quot;20\\&quot; quality=\\&quot;40\\&quot; crop=\\&quot;scale\\&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;dog.mp4\\&quot;)\\n  .videoEdit(trim().startOffset(3.5).endOffset(10.7))\\n  .rotate(byAngle(20))\\n  .resize(scale().width(0.3))\\n  .delivery(quality(40));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;)\\n  .videoEdit(trim().startOffset(3.5).endOffset(10.7))\\n  .rotate(byAngle(20))\\n  .resize(scale().width(0.3))\\n  .delivery(quality(40));&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;dog&#039;, {width: \\&quot;0.3\\&quot;, startOffset: \\&quot;3.5\\&quot;, endOffset: \\&quot;10.7\\&quot;, angle: 20, quality: 40, crop: \\&quot;scale\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;dog&#039;, {width: \\&quot;0.3\\&quot;, startOffset: \\&quot;3.5\\&quot;, endOffset: \\&quot;10.7\\&quot;, angle: 20, quality: 40, crop: \\&quot;scale\\&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;dog\\&quot;).video(width=\\&quot;0.3\\&quot;, start_offset=\\&quot;3.5\\&quot;, end_offset=\\&quot;10.7\\&quot;, angle=20, quality=40, crop=\\&quot;scale\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;dog\\&quot;).video(width=\\&quot;0.3\\&quot;, start_offset=\\&quot;3.5\\&quot;, end_offset=\\&quot;10.7\\&quot;, angle=20, quality=40, crop=\\&quot;scale\\&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;dog.mp4&#039;))\\n\\t-&gt;videoEdit(VideoEdit::trim()-&gt;startOffset(3.5)\\n-&gt;endOffset(10.7))\\n\\t-&gt;rotate(Rotate::byAngle(20))\\n\\t-&gt;resize(Resize::scale()-&gt;width(0.3))\\n\\t-&gt;delivery(Delivery::quality(40));&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;dog.mp4&#039;))\\n\\t-&gt;videoEdit(VideoEdit::trim()-&gt;startOffset(3.5)\\n-&gt;endOffset(10.7))\\n\\t-&gt;rotate(Rotate::byAngle(20))\\n\\t-&gt;resize(Resize::scale()-&gt;width(0.3))\\n\\t-&gt;delivery(Delivery::quality(40));&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;dog\\&quot;, array(\\&quot;width\\&quot;=&gt;\\&quot;0.3\\&quot;, \\&quot;start_offset\\&quot;=&gt;\\&quot;3.5\\&quot;, \\&quot;end_offset\\&quot;=&gt;\\&quot;10.7\\&quot;, \\&quot;angle\\&quot;=&gt;20, \\&quot;quality\\&quot;=&gt;40, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dog\\&quot;, array(\\&quot;width\\&quot;=&gt;\\&quot;0.3\\&quot;, \\&quot;start_offset\\&quot;=&gt;\\&quot;3.5\\&quot;, \\&quot;end_offset\\&quot;=&gt;\\&quot;10.7\\&quot;, \\&quot;angle\\&quot;=&gt;20, \\&quot;quality\\&quot;=&gt;40, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&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().width(0.3).startOffset(\\&quot;3.5\\&quot;).endOffset(\\&quot;10.7\\&quot;).angle(20).quality(40).crop(\\&quot;scale\\&quot;)).videoTag(\\&quot;dog\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(0.3).startOffset(\\&quot;3.5\\&quot;).endOffset(\\&quot;10.7\\&quot;).angle(20).quality(40).crop(\\&quot;scale\\&quot;)).videoTag(\\&quot;dog\\&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;dog\\&quot;, width: 0.3, start_offset: \\&quot;3.5\\&quot;, end_offset: \\&quot;10.7\\&quot;, angle: 20, quality: 40, crop: \\&quot;scale\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dog\\&quot;, width: 0.3, start_offset: \\&quot;3.5\\&quot;, end_offset: \\&quot;10.7\\&quot;, angle: 20, quality: 40, crop: \\&quot;scale\\&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().Width(0.3).StartOffset(\\&quot;3.5\\&quot;).EndOffset(\\&quot;10.7\\&quot;).Angle(20).Quality(40).Crop(\\&quot;scale\\&quot;)).BuildVideoTag(\\&quot;dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Width(0.3).StartOffset(\\&quot;3.5\\&quot;).EndOffset(\\&quot;10.7\\&quot;).Angle(20).Quality(40).Crop(\\&quot;scale\\&quot;)).BuildVideoTag(\\&quot;dog\\&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;dog.mp4&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.trim().startOffset(3.5)\\n.endOffset(10.7))\\n\\t.rotate(Rotate.byAngle(20))\\n\\t.resize(Resize.scale().width(0.3))\\n\\t.delivery(Delivery.quality(40)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dog.mp4&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.trim().startOffset(3.5)\\n.endOffset(10.7))\\n\\t.rotate(Rotate.byAngle(20))\\n\\t.resize(Resize.scale().width(0.3))\\n\\t.delivery(Delivery.quality(40)));&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().setWidth(0.3).setStartOffset(\\&quot;3.5\\&quot;).setEndOffset(\\&quot;10.7\\&quot;).setAngle(20).setQuality(40).setCrop(\\&quot;scale\\&quot;)).generate(\\&quot;dog.mp4\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setWidth(0.3).setStartOffset(\\&quot;3.5\\&quot;).setEndOffset(\\&quot;10.7\\&quot;).setAngle(20).setQuality(40).setCrop(\\&quot;scale\\&quot;)).generate(\\&quot;dog.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().width(0.3).startOffset(\\&quot;3.5\\&quot;).endOffset(\\&quot;10.7\\&quot;).angle(20).quality(40).crop(\\&quot;scale\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(0.3).startOffset(\\&quot;3.5\\&quot;).endOffset(\\&quot;10.7\\&quot;).angle(20).quality(40).crop(\\&quot;scale\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.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;dog.mp4&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.trim().startOffset(3.5)\\n.endOffset(10.7))\\n\\t.rotate(Rotate.byAngle(20))\\n\\t.resize(Resize.scale().width(0.3))\\n\\t.delivery(Delivery.quality(40)));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dog.mp4&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.trim().startOffset(3.5)\\n.endOffset(10.7))\\n\\t.rotate(Rotate.byAngle(20))\\n\\t.resize(Resize.scale().width(0.3))\\n\\t.delivery(Delivery.quality(40)));&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;dog.mp4\\&quot;)\\n\\t videoEdit(VideoEdit.trim() { startOffset(3.5F)\\n endOffset(10.7F) })\\n\\t rotate(Rotate.byAngle(20))\\n\\t resize(Resize.scale() { width(0.3F) })\\n\\t delivery(Delivery.quality(40)) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;dog.mp4\\&quot;)\\n\\t videoEdit(VideoEdit.trim() { startOffset(3.5F)\\n endOffset(10.7F) })\\n\\t rotate(Rotate.byAngle(20))\\n\\t resize(Resize.scale() { width(0.3F) })\\n\\t delivery(Delivery.quality(40)) \\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;dog\\&quot;, {width: \\&quot;0.3\\&quot;, start_offset: \\&quot;3.5\\&quot;, end_offset: \\&quot;10.7\\&quot;, angle: 20, quality: 40, crop: \\&quot;scale\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;dog\\&quot;, {width: \\&quot;0.3\\&quot;, start_offset: \\&quot;3.5\\&quot;, end_offset: \\&quot;10.7\\&quot;, angle: 20, quality: 40, crop: \\&quot;scale\\&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;dog.mp4\\&quot;)\\n  .videoEdit(trim().startOffset(3.5).endOffset(10.7))\\n  .rotate(byAngle(20))\\n  .resize(scale().width(0.3))\\n  .delivery(quality(40));&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;)\\n  .videoEdit(trim().startOffset(3.5).endOffset(10.7))\\n  .rotate(byAngle(20))\\n  .resize(scale().width(0.3))\\n  .delivery(quality(40));&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\\\/w_0.3,so_3.5,eo_10.7,a_20,q_40\\\/dog.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;width&quot;:&quot;0.3&quot;,&quot;start_offset&quot;:&quot;3.5&quot;,&quot;end_offset&quot;:&quot;10.7&quot;,&quot;angle&quot;:&quot;20&quot;,&quot;quality&quot;:&quot;40&quot;}],&quot;transformation_string&quot;:&quot;w_0.3,so_3.5,eo_10.7,a_20,q_40&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;dog.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><video\n      controls\n      muted\n      preload=\"none\"\n      class=\"c-transformed-asset c-transformed-asset--video\"\n      poster=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_0.3,so_3.5,eo_10.7,a_20,q_40\/dog.jpg\"\n       width=\"290\" height=\"222\"\n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_0.3,so_3.5,eo_10.7,a_20,q_40\/vc_h265\/dog.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_0.3,so_3.5,eo_10.7,a_20,q_40\/vc_vp9\/dog.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_0.3,so_3.5,eo_10.7,a_20,q_40\/vc_auto\/dog.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_0.3,so_3.5,eo_10.7,a_20,q_40\/vc_auto\/dog.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<p>Image overlays can be added using the <code>overlay<\/code> parameter as well as dynamic text overlays of any font and style. Multiple overlays can be added at different times for different durations. In addition, the audio channel can be removed by setting <code>audio_codec<\/code> to <code>none<\/code>.<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video(\\&quot;dog\\&quot;, {transformation: [ {audio_codec: \\&quot;none\\&quot;, width: 500, crop: \\&quot;scale\\&quot;}, {overlay: \\&quot;cloudinary_icon\\&quot;, gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 40, x: 5, y: 5, width: 120}, {overlay: {font_family: \\&quot;Roboto\\&quot;, font_size: 34, font_weight: \\&quot;bold\\&quot;, text: \\&quot;Cute%20Dog\\&quot;}, color: \\&quot;white\\&quot;, gravity: \\&quot;west\\&quot;, x: 10, start_offset: \\&quot;3\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;dog\\&quot;, {transformation: [\\n  {audio_codec: \\&quot;none\\&quot;, width: 500, crop: \\&quot;scale\\&quot;},\\n  {overlay: \\&quot;cloudinary_icon\\&quot;, gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 40, x: 5, y: 5, width: 120},\\n  {overlay: {font_family: \\&quot;Roboto\\&quot;, font_size: 34, font_weight: \\&quot;bold\\&quot;, text: \\&quot;Cute%20Dog\\&quot;}, color: \\&quot;white\\&quot;, gravity: \\&quot;west\\&quot;, x: 10, start_offset: \\&quot;3\\&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;dog.mp4\\&quot;)\\n  .transcode(audioCodec(\\&quot;none\\&quot;))\\n  .resize(scale().width(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(120))\\n          .adjust(opacity(40))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(5)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(text(\\&quot;Cute Dog\\&quot;, \\&quot;Roboto_34px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;west\\&quot;))\\n          .offsetX(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;)\\n  .transcode(audioCodec(\\&quot;none\\&quot;))\\n  .resize(scale().width(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(120))\\n          .adjust(opacity(40))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(5)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(text(\\&quot;Cute Dog\\&quot;, \\&quot;Roboto_34px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;west\\&quot;))\\n          .offsetX(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;react&quot;,&quot;framework&quot;:&quot;react&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;dog\\&quot; &gt; &lt;Transformation audioCodec=\\&quot;none\\&quot; width=\\&quot;500\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;Transformation overlay=\\&quot;cloudinary_icon\\&quot; gravity=\\&quot;north_east\\&quot; effect=\\&quot;brightness:200\\&quot; opacity=\\&quot;40\\&quot; x=\\&quot;5\\&quot; y=\\&quot;5\\&quot; width=\\&quot;120\\&quot; \\\/&gt; &lt;Transformation overlay={{fontFamily: \\&quot;Roboto\\&quot;, fontSize: 34, fontWeight: \\&quot;bold\\&quot;, text: \\&quot;Cute%20Dog\\&quot;}} color=\\&quot;white\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;10\\&quot; startOffset=\\&quot;3\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;dog\\&quot; &gt;\\n\\t&lt;Transformation audioCodec=\\&quot;none\\&quot; width=\\&quot;500\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;Transformation overlay=\\&quot;cloudinary_icon\\&quot; gravity=\\&quot;north_east\\&quot; effect=\\&quot;brightness:200\\&quot; opacity=\\&quot;40\\&quot; x=\\&quot;5\\&quot; y=\\&quot;5\\&quot; width=\\&quot;120\\&quot; \\\/&gt;\\n\\t&lt;Transformation overlay={{fontFamily: \\&quot;Roboto\\&quot;, fontSize: 34, fontWeight: \\&quot;bold\\&quot;, text: \\&quot;Cute%20Dog\\&quot;}} color=\\&quot;white\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;10\\&quot; startOffset=\\&quot;3\\&quot; \\\/&gt;\\n&lt;\\\/Video&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React&quot;,&quot;packageName&quot;:&quot;cloudinary-react&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue_2&quot;,&quot;framework&quot;:&quot;vue_2&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;)\\n  .transcode(audioCodec(\\&quot;none\\&quot;))\\n  .resize(scale().width(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(120))\\n          .adjust(opacity(40))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(5)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(text(\\&quot;Cute Dog\\&quot;, \\&quot;Roboto_34px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;west\\&quot;))\\n          .offsetX(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;)\\n  .transcode(audioCodec(\\&quot;none\\&quot;))\\n  .resize(scale().width(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(120))\\n          .adjust(opacity(40))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(5)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(text(\\&quot;Cute Dog\\&quot;, \\&quot;Roboto_34px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;west\\&quot;))\\n          .offsetX(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/vue&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;vue&quot;,&quot;framework&quot;:&quot;vue&quot;,&quot;language&quot;:&quot;vue&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;dog\\&quot; &gt; &lt;cld-transformation audio-codec=\\&quot;none\\&quot; width=\\&quot;500\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;cld-transformation :overlay=\\&quot;cloudinary_icon\\&quot; gravity=\\&quot;north_east\\&quot; effect=\\&quot;brightness:200\\&quot; opacity=\\&quot;40\\&quot; x=\\&quot;5\\&quot; y=\\&quot;5\\&quot; width=\\&quot;120\\&quot; \\\/&gt; &lt;cld-transformation :overlay=\\&quot;{fontFamily: &#039;Roboto&#039;, fontSize: 34, fontWeight: &#039;bold&#039;, text: &#039;Cute%20Dog&#039;}\\&quot; color=\\&quot;white\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;10\\&quot; start-offset=\\&quot;3\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;dog\\&quot; &gt;\\n\\t&lt;cld-transformation audio-codec=\\&quot;none\\&quot; width=\\&quot;500\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;cloudinary_icon\\&quot; gravity=\\&quot;north_east\\&quot; effect=\\&quot;brightness:200\\&quot; opacity=\\&quot;40\\&quot; x=\\&quot;5\\&quot; y=\\&quot;5\\&quot; width=\\&quot;120\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;{fontFamily: &#039;Roboto&#039;, fontSize: 34, fontWeight: &#039;bold&#039;, text: &#039;Cute%20Dog&#039;}\\&quot; color=\\&quot;white\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;10\\&quot; start-offset=\\&quot;3\\&quot; \\\/&gt;\\n&lt;\\\/cld-video&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Vue.js&quot;,&quot;packageName&quot;:&quot;cloudinary-vue&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular_2&quot;,&quot;framework&quot;:&quot;angular_2&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;)\\n  .transcode(audioCodec(\\&quot;none\\&quot;))\\n  .resize(scale().width(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(120))\\n          .adjust(opacity(40))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(5)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(text(\\&quot;Cute Dog\\&quot;, \\&quot;Roboto_34px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;west\\&quot;))\\n          .offsetX(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;)\\n  .transcode(audioCodec(\\&quot;none\\&quot;))\\n  .resize(scale().width(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(120))\\n          .adjust(opacity(40))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(5)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(text(\\&quot;Cute Dog\\&quot;, \\&quot;Roboto_34px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;west\\&quot;))\\n          .offsetX(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/ng&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;angular&quot;,&quot;framework&quot;:&quot;angular&quot;,&quot;language&quot;:&quot;angular&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;dog\\&quot; &gt; &lt;cl-transformation audio-codec=\\&quot;none\\&quot; width=\\&quot;500\\&quot; crop=\\&quot;scale\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation overlay=\\&quot;cloudinary_icon\\&quot; gravity=\\&quot;north_east\\&quot; effect=\\&quot;brightness:200\\&quot; opacity=\\&quot;40\\&quot; x=\\&quot;5\\&quot; y=\\&quot;5\\&quot; width=\\&quot;120\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation overlay=\\&quot;text:Roboto_34px_bold:Cute%20Dog\\&quot; color=\\&quot;white\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;10\\&quot; start-offset=\\&quot;3\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;dog\\&quot; &gt;\\n\\t&lt;cl-transformation audio-codec=\\&quot;none\\&quot; width=\\&quot;500\\&quot; crop=\\&quot;scale\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation overlay=\\&quot;cloudinary_icon\\&quot; gravity=\\&quot;north_east\\&quot; effect=\\&quot;brightness:200\\&quot; opacity=\\&quot;40\\&quot; x=\\&quot;5\\&quot; y=\\&quot;5\\&quot; width=\\&quot;120\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation overlay=\\&quot;text:Roboto_34px_bold:Cute%20Dog\\&quot; color=\\&quot;white\\&quot; gravity=\\&quot;west\\&quot; x=\\&quot;10\\&quot; start-offset=\\&quot;3\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n&lt;\\\/cl-video&gt;&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Angular&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/angular-5.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js_2&quot;,&quot;framework&quot;:&quot;js_2&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;)\\n  .transcode(audioCodec(\\&quot;none\\&quot;))\\n  .resize(scale().width(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(120))\\n          .adjust(opacity(40))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(5)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(text(\\&quot;Cute Dog\\&quot;, \\&quot;Roboto_34px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;west\\&quot;))\\n          .offsetX(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;)\\n  .transcode(audioCodec(\\&quot;none\\&quot;))\\n  .resize(scale().width(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(120))\\n          .adjust(opacity(40))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(5)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(text(\\&quot;Cute Dog\\&quot;, \\&quot;Roboto_34px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;west\\&quot;))\\n          .offsetX(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;JS&quot;,&quot;packageName&quot;:&quot;@cloudinary\\\/url-gen&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;js&quot;,&quot;framework&quot;:&quot;js&quot;,&quot;language&quot;:&quot;js&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.videoTag(&#039;dog&#039;, {transformation: [ {audioCodec: \\&quot;none\\&quot;, width: 500, crop: \\&quot;scale\\&quot;}, {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 40, x: 5, y: 5, width: 120}, {overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(34).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Cute%20Dog\\&quot;), color: \\&quot;white\\&quot;, gravity: \\&quot;west\\&quot;, x: 10, startOffset: \\&quot;3\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;dog&#039;, {transformation: [\\n  {audioCodec: \\&quot;none\\&quot;, width: 500, crop: \\&quot;scale\\&quot;},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 40, x: 5, y: 5, width: 120},\\n  {overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(34).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Cute%20Dog\\&quot;), color: \\&quot;white\\&quot;, gravity: \\&quot;west\\&quot;, x: 10, startOffset: \\&quot;3\\&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;dog\\&quot;).video(transformation=[ {&#039;audio_codec&#039;: \\&quot;none\\&quot;, &#039;width&#039;: 500, &#039;crop&#039;: \\&quot;scale\\&quot;}, {&#039;overlay&#039;: \\&quot;cloudinary_icon\\&quot;, &#039;gravity&#039;: \\&quot;north_east\\&quot;, &#039;effect&#039;: \\&quot;brightness:200\\&quot;, &#039;opacity&#039;: 40, &#039;x&#039;: 5, &#039;y&#039;: 5, &#039;width&#039;: 120}, {&#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Roboto\\&quot;, &#039;font_size&#039;: 34, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;text&#039;: \\&quot;Cute%20Dog\\&quot;}, &#039;color&#039;: \\&quot;white\\&quot;, &#039;gravity&#039;: \\&quot;west\\&quot;, &#039;x&#039;: 10, &#039;start_offset&#039;: \\&quot;3\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;dog\\&quot;).video(transformation=[\\n  {&#039;audio_codec&#039;: \\&quot;none\\&quot;, &#039;width&#039;: 500, &#039;crop&#039;: \\&quot;scale\\&quot;},\\n  {&#039;overlay&#039;: \\&quot;cloudinary_icon\\&quot;, &#039;gravity&#039;: \\&quot;north_east\\&quot;, &#039;effect&#039;: \\&quot;brightness:200\\&quot;, &#039;opacity&#039;: 40, &#039;x&#039;: 5, &#039;y&#039;: 5, &#039;width&#039;: 120},\\n  {&#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Roboto\\&quot;, &#039;font_size&#039;: 34, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;text&#039;: \\&quot;Cute%20Dog\\&quot;}, &#039;color&#039;: \\&quot;white\\&quot;, &#039;gravity&#039;: \\&quot;west\\&quot;, &#039;x&#039;: 10, &#039;start_offset&#039;: \\&quot;3\\&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;dog.mp4&#039;))\\n\\t-&gt;transcode(Transcode::audioCodec(\\n\\tAudioCodec::none()))\\n\\t-&gt;resize(Resize::scale()-&gt;width(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;cloudinary_icon\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(120))\\n\\t-&gt;adjust(Adjust::opacity(40))\\n\\t-&gt;adjust(Adjust::brightness()-&gt;level(200)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northEast()))\\n-&gt;offsetX(5)\\n-&gt;offsetY(5))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;Cute Dog\\&quot;,\\&quot;Roboto_34px_bold\\&quot;)\\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(10))\\n\\t-&gt;timeline(\\n\\tTimeline::position()-&gt;startOffset(3.0))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;dog.mp4&#039;))\\n\\t-&gt;transcode(Transcode::audioCodec(\\n\\tAudioCodec::none()))\\n\\t-&gt;resize(Resize::scale()-&gt;width(500))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;cloudinary_icon\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(120))\\n\\t-&gt;adjust(Adjust::opacity(40))\\n\\t-&gt;adjust(Adjust::brightness()-&gt;level(200)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::northEast()))\\n-&gt;offsetX(5)\\n-&gt;offsetY(5))\\n\\t)\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;Cute Dog\\&quot;,\\&quot;Roboto_34px_bold\\&quot;)\\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(10))\\n\\t-&gt;timeline(\\n\\tTimeline::position()-&gt;startOffset(3.0))\\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;dog\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;audio_codec\\&quot;=&gt;\\&quot;none\\&quot;, \\&quot;width\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;), array(\\&quot;overlay\\&quot;=&gt;\\&quot;cloudinary_icon\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_east\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;brightness:200\\&quot;, \\&quot;opacity\\&quot;=&gt;40, \\&quot;x\\&quot;=&gt;5, \\&quot;y\\&quot;=&gt;5, \\&quot;width\\&quot;=&gt;120), array(\\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Roboto\\&quot;, \\&quot;font_size\\&quot;=&gt;34, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;text\\&quot;=&gt;\\&quot;Cute%20Dog\\&quot;), \\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;west\\&quot;, \\&quot;x\\&quot;=&gt;10, \\&quot;start_offset\\&quot;=&gt;\\&quot;3\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dog\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;audio_codec\\&quot;=&gt;\\&quot;none\\&quot;, \\&quot;width\\&quot;=&gt;500, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;),\\n  array(\\&quot;overlay\\&quot;=&gt;\\&quot;cloudinary_icon\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;north_east\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;brightness:200\\&quot;, \\&quot;opacity\\&quot;=&gt;40, \\&quot;x\\&quot;=&gt;5, \\&quot;y\\&quot;=&gt;5, \\&quot;width\\&quot;=&gt;120),\\n  array(\\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Roboto\\&quot;, \\&quot;font_size\\&quot;=&gt;34, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;text\\&quot;=&gt;\\&quot;Cute%20Dog\\&quot;), \\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;west\\&quot;, \\&quot;x\\&quot;=&gt;10, \\&quot;start_offset\\&quot;=&gt;\\&quot;3\\&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().audioCodec(\\&quot;none\\&quot;).width(500).crop(\\&quot;scale\\&quot;).chain() .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).gravity(\\&quot;north_east\\&quot;).effect(\\&quot;brightness:200\\&quot;).opacity(40).x(5).y(5).width(120).chain() .overlay(new TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(34).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Cute%20Dog\\&quot;)).color(\\&quot;white\\&quot;).gravity(\\&quot;west\\&quot;).x(10).startOffset(\\&quot;3\\&quot;)).videoTag(\\&quot;dog\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .audioCodec(\\&quot;none\\&quot;).width(500).crop(\\&quot;scale\\&quot;).chain()\\n  .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).gravity(\\&quot;north_east\\&quot;).effect(\\&quot;brightness:200\\&quot;).opacity(40).x(5).y(5).width(120).chain()\\n  .overlay(new TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(34).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Cute%20Dog\\&quot;)).color(\\&quot;white\\&quot;).gravity(\\&quot;west\\&quot;).x(10).startOffset(\\&quot;3\\&quot;)).videoTag(\\&quot;dog\\&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;dog\\&quot;, transformation: [ {audio_codec: \\&quot;none\\&quot;, width: 500, crop: \\&quot;scale\\&quot;}, {overlay: \\&quot;cloudinary_icon\\&quot;, gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 40, x: 5, y: 5, width: 120}, {overlay: {font_family: \\&quot;Roboto\\&quot;, font_size: 34, font_weight: \\&quot;bold\\&quot;, text: \\&quot;Cute%20Dog\\&quot;}, color: \\&quot;white\\&quot;, gravity: \\&quot;west\\&quot;, x: 10, start_offset: \\&quot;3\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dog\\&quot;, transformation: [\\n  {audio_codec: \\&quot;none\\&quot;, width: 500, crop: \\&quot;scale\\&quot;},\\n  {overlay: \\&quot;cloudinary_icon\\&quot;, gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 40, x: 5, y: 5, width: 120},\\n  {overlay: {font_family: \\&quot;Roboto\\&quot;, font_size: 34, font_weight: \\&quot;bold\\&quot;, text: \\&quot;Cute%20Dog\\&quot;}, color: \\&quot;white\\&quot;, gravity: \\&quot;west\\&quot;, x: 10, start_offset: \\&quot;3\\&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().AudioCodec(\\&quot;none\\&quot;).Width(500).Crop(\\&quot;scale\\&quot;).Chain() .Overlay(new Layer().PublicId(\\&quot;cloudinary_icon\\&quot;)).Gravity(\\&quot;north_east\\&quot;).Effect(\\&quot;brightness:200\\&quot;).Opacity(40).X(5).Y(5).Width(120).Chain() .Overlay(new TextLayer().FontFamily(\\&quot;Roboto\\&quot;).FontSize(34).FontWeight(\\&quot;bold\\&quot;).Text(\\&quot;Cute%20Dog\\&quot;)).Color(\\&quot;white\\&quot;).Gravity(\\&quot;west\\&quot;).X(10).StartOffset(\\&quot;3\\&quot;)).BuildVideoTag(\\&quot;dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation()\\n  .AudioCodec(\\&quot;none\\&quot;).Width(500).Crop(\\&quot;scale\\&quot;).Chain()\\n  .Overlay(new Layer().PublicId(\\&quot;cloudinary_icon\\&quot;)).Gravity(\\&quot;north_east\\&quot;).Effect(\\&quot;brightness:200\\&quot;).Opacity(40).X(5).Y(5).Width(120).Chain()\\n  .Overlay(new TextLayer().FontFamily(\\&quot;Roboto\\&quot;).FontSize(34).FontWeight(\\&quot;bold\\&quot;).Text(\\&quot;Cute%20Dog\\&quot;)).Color(\\&quot;white\\&quot;).Gravity(\\&quot;west\\&quot;).X(10).StartOffset(\\&quot;3\\&quot;)).BuildVideoTag(\\&quot;dog\\&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;dog.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;ac_none,w_500\\\/l_cloudinary_icon,g_north_east,e_brightness:200,o_40,x_5,y_5,w_120\\\/l_text:Roboto_34px_bold:Cute Dog,co_white,g_west,x_10,so_3\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dog.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;ac_none,w_500\\\/l_cloudinary_icon,g_north_east,e_brightness:200,o_40,x_5,y_5,w_120\\\/l_text:Roboto_34px_bold:Cute Dog,co_white,g_west,x_10,so_3\\&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().setAudioCodec(\\&quot;none\\&quot;).setWidth(500).setCrop(\\&quot;scale\\&quot;).chain() .setOverlay(\\&quot;cloudinary_icon\\&quot;).setGravity(\\&quot;north_east\\&quot;).setEffect(\\&quot;brightness:200\\&quot;).setOpacity(40).setX(5).setY(5).setWidth(120).chain() .setOverlay(\\&quot;text:Roboto_34px_bold:Cute%20Dog\\&quot;).setColor(\\&quot;white\\&quot;).setGravity(\\&quot;west\\&quot;).setX(10).setStartOffset(\\&quot;3\\&quot;)).generate(\\&quot;dog.mp4\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation()\\n  .setAudioCodec(\\&quot;none\\&quot;).setWidth(500).setCrop(\\&quot;scale\\&quot;).chain()\\n  .setOverlay(\\&quot;cloudinary_icon\\&quot;).setGravity(\\&quot;north_east\\&quot;).setEffect(\\&quot;brightness:200\\&quot;).setOpacity(40).setX(5).setY(5).setWidth(120).chain()\\n  .setOverlay(\\&quot;text:Roboto_34px_bold:Cute%20Dog\\&quot;).setColor(\\&quot;white\\&quot;).setGravity(\\&quot;west\\&quot;).setX(10).setStartOffset(\\&quot;3\\&quot;)).generate(\\&quot;dog.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().audioCodec(\\&quot;none\\&quot;).width(500).crop(\\&quot;scale\\&quot;).chain() .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).gravity(\\&quot;north_east\\&quot;).effect(\\&quot;brightness:200\\&quot;).opacity(40).x(5).y(5).width(120).chain() .overlay(new TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(34).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Cute%20Dog\\&quot;)).color(\\&quot;white\\&quot;).gravity(\\&quot;west\\&quot;).x(10).startOffset(\\&quot;3\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .audioCodec(\\&quot;none\\&quot;).width(500).crop(\\&quot;scale\\&quot;).chain()\\n  .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).gravity(\\&quot;north_east\\&quot;).effect(\\&quot;brightness:200\\&quot;).opacity(40).x(5).y(5).width(120).chain()\\n  .overlay(new TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(34).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Cute%20Dog\\&quot;)).color(\\&quot;white\\&quot;).gravity(\\&quot;west\\&quot;).x(10).startOffset(\\&quot;3\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.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;dog.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;ac_none,w_500\\\/l_cloudinary_icon,g_north_east,e_brightness:200,o_40,x_5,y_5,w_120\\\/l_text:Roboto_34px_bold:Cute Dog,co_white,g_west,x_10,so_3\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;dog.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;ac_none,w_500\\\/l_cloudinary_icon,g_north_east,e_brightness:200,o_40,x_5,y_5,w_120\\\/l_text:Roboto_34px_bold:Cute Dog,co_white,g_west,x_10,so_3\\&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;dog.mp4\\&quot;)\\n\\t transcode(Transcode.audioCodec(\\n\\tAudioCodec.none()))\\n\\t resize(Resize.scale() { width(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;cloudinary_icon\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.scale() { width(120) })\\n\\t adjust(Adjust.opacity(40))\\n\\t adjust(Adjust.brightness() { level(200) }) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n offsetX(5)\\n offsetY(5) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;Cute Dog\\&quot;,\\&quot;Roboto_34px_bold\\&quot;) {\\n\\t textColor(Color.WHITE)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n offsetX(10) })\\n\\t timeline(\\n\\tTimeline.position() { startOffset(3.0F) })\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;dog.mp4\\&quot;)\\n\\t transcode(Transcode.audioCodec(\\n\\tAudioCodec.none()))\\n\\t resize(Resize.scale() { width(500) })\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;cloudinary_icon\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.scale() { width(120) })\\n\\t adjust(Adjust.opacity(40))\\n\\t adjust(Adjust.brightness() { level(200) }) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n offsetX(5)\\n offsetY(5) })\\n\\t })\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;Cute Dog\\&quot;,\\&quot;Roboto_34px_bold\\&quot;) {\\n\\t textColor(Color.WHITE)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.west()))\\n offsetX(10) })\\n\\t timeline(\\n\\tTimeline.position() { startOffset(3.0F) })\\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;dog\\&quot;, {transformation: [ {audio_codec: \\&quot;none\\&quot;, width: 500, crop: \\&quot;scale\\&quot;}, {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 40, x: 5, y: 5, width: 120}, {overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(34).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Cute%20Dog\\&quot;), color: \\&quot;white\\&quot;, gravity: \\&quot;west\\&quot;, x: 10, start_offset: \\&quot;3\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;dog\\&quot;, {transformation: [\\n  {audio_codec: \\&quot;none\\&quot;, width: 500, crop: \\&quot;scale\\&quot;},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 40, x: 5, y: 5, width: 120},\\n  {overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(34).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Cute%20Dog\\&quot;), color: \\&quot;white\\&quot;, gravity: \\&quot;west\\&quot;, x: 10, start_offset: \\&quot;3\\&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;dog.mp4\\&quot;)\\n  .transcode(audioCodec(\\&quot;none\\&quot;))\\n  .resize(scale().width(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(120))\\n          .adjust(opacity(40))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(5)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(text(\\&quot;Cute Dog\\&quot;, \\&quot;Roboto_34px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;west\\&quot;))\\n          .offsetX(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;dog.mp4\\&quot;)\\n  .transcode(audioCodec(\\&quot;none\\&quot;))\\n  .resize(scale().width(500))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(120))\\n          .adjust(opacity(40))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(5)\\n        .offsetY(5)\\n    )\\n  )\\n  .overlay(\\n    source(text(\\&quot;Cute Dog\\&quot;, \\&quot;Roboto_34px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;west\\&quot;))\\n          .offsetX(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;React Native&quot;,&quot;packageName&quot;:&quot;cloudinary-react-native&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;}]\"\n      parsed-url=\"{&quot;url&quot;:&quot;https:\\\/\\\/res.cloudinary.com\\\/demo\\\/video\\\/upload\\\/ac_none,w_500\\\/l_cloudinary_icon,g_north_east,e_brightness:200,o_40,x_5,y_5,w_120\\\/l_text:Roboto_34px_bold:Cute%20Dog,co_white,g_west,x_10,so_3\\\/dog.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;audio_codec&quot;:&quot;none&quot;,&quot;width&quot;:&quot;500&quot;},{&quot;overlay&quot;:&quot;cloudinary_icon&quot;,&quot;gravity&quot;:&quot;north_east&quot;,&quot;effect&quot;:&quot;brightness:200&quot;,&quot;opacity&quot;:&quot;40&quot;,&quot;x&quot;:&quot;5&quot;,&quot;y&quot;:&quot;5&quot;,&quot;width&quot;:&quot;120&quot;},{&quot;overlay&quot;:&quot;text:Roboto_34px_bold:Cute Dog&quot;,&quot;color&quot;:&quot;white&quot;,&quot;gravity&quot;:&quot;west&quot;,&quot;x&quot;:&quot;10&quot;,&quot;start_offset&quot;:&quot;3&quot;}],&quot;transformation_string&quot;:&quot;ac_none,w_500\\\/l_cloudinary_icon,g_north_east,e_brightness:200,o_40,x_5,y_5,w_120\\\/l_text:Roboto_34px_bold:Cute Dog,co_white,g_west,x_10,so_3&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;dog.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><video\n      controls\n      muted\n      preload=\"none\"\n      class=\"c-transformed-asset c-transformed-asset--video\"\n      poster=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/ac_none,w_500\/l_cloudinary_icon,g_north_east,e_brightness:200,o_40,x_5,y_5,w_120\/l_text:Roboto_34px_bold:Cute%20Dog,co_white,g_west,x_10,so_3\/dog.jpg\"\n       width=\"500\" height=\"281\"\n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/ac_none,w_500\/l_cloudinary_icon,g_north_east,e_brightness:200,o_40,x_5,y_5,w_120\/l_text:Roboto_34px_bold:Cute Dog,co_white,g_west,x_10,so_3\/vc_h265\/dog.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/ac_none,w_500\/l_cloudinary_icon,g_north_east,e_brightness:200,o_40,x_5,y_5,w_120\/l_text:Roboto_34px_bold:Cute Dog,co_white,g_west,x_10,so_3\/vc_vp9\/dog.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/ac_none,w_500\/l_cloudinary_icon,g_north_east,e_brightness:200,o_40,x_5,y_5,w_120\/l_text:Roboto_34px_bold:Cute Dog,co_white,g_west,x_10,so_3\/vc_auto\/dog.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/ac_none,w_500\/l_cloudinary_icon,g_north_east,e_brightness:200,o_40,x_5,y_5,w_120\/l_text:Roboto_34px_bold:Cute Dog,co_white,g_west,x_10,so_3\/vc_auto\/dog.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<p>Web apps that embed videos usually prefer to display thumbnails (poster images) of user uploaded videos with a play button for loading and playing the video interactively. You can generate thumbnails of uploaded videos by simply setting the file format extension to an image format such as <code>jpg<\/code>. \u00a0You can also specify any image dimensions and crop mode, as the following 300&#215;150 example shows:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;dog.jpg\\&quot;, {width: 300, height: 150, crop: \\&quot;fill\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;dog.jpg\\&quot;, {width: 300, height: 150, crop: \\&quot;fill\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Node.js&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_2&quot;,&quot;framework&quot;:&quot;react_2&quot;,&quot;language&quot;:&quot;react&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .resize(fill().width(300).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .resize(fill().width(300).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&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;dog.jpg\\&quot; resourceType=\\&quot;video\\&quot;&gt; &lt;Transformation width=\\&quot;300\\&quot; height=\\&quot;150\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;dog.jpg\\&quot; resourceType=\\&quot;video\\&quot;&gt;\\n\\t&lt;Transformation width=\\&quot;300\\&quot; height=\\&quot;150\\&quot; crop=\\&quot;fill\\&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 CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .resize(fill().width(300).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .resize(fill().width(300).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&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;dog.jpg\\&quot; resource-type=\\&quot;video\\&quot;&gt; &lt;cld-transformation width=\\&quot;300\\&quot; height=\\&quot;150\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;dog.jpg\\&quot; resource-type=\\&quot;video\\&quot;&gt;\\n\\t&lt;cld-transformation width=\\&quot;300\\&quot; height=\\&quot;150\\&quot; crop=\\&quot;fill\\&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 CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .resize(fill().width(300).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .resize(fill().width(300).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&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;dog.jpg\\&quot; resource-type=\\&quot;video\\&quot;&gt; &lt;cl-transformation width=\\&quot;300\\&quot; height=\\&quot;150\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;dog.jpg\\&quot; resource-type=\\&quot;video\\&quot;&gt;\\n\\t&lt;cl-transformation width=\\&quot;300\\&quot; height=\\&quot;150\\&quot; crop=\\&quot;fill\\&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 CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .resize(fill().width(300).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .resize(fill().width(300).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&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;dog.jpg&#039;, {width: 300, height: 150, crop: \\&quot;fill\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;dog.jpg&#039;, {width: 300, height: 150, crop: \\&quot;fill\\&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;dog.jpg\\&quot;).image(width=300, height=150, crop=\\&quot;fill\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;dog.jpg\\&quot;).image(width=300, height=150, crop=\\&quot;fill\\&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 ImageTag(&#039;dog.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(300)\\n-&gt;height(150))\\n\\t-&gt;assetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;dog.jpg&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(300)\\n-&gt;height(150))\\n\\t-&gt;assetType(\\&quot;video\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;dog.jpg\\&quot;, array(\\&quot;width\\&quot;=&gt;300, \\&quot;height\\&quot;=&gt;150, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;, \\&quot;resource_type\\&quot;=&gt;\\&quot;video\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;dog.jpg\\&quot;, array(\\&quot;width\\&quot;=&gt;300, \\&quot;height\\&quot;=&gt;150, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;, \\&quot;resource_type\\&quot;=&gt;\\&quot;video\\&quot;))&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;},{&quot;sdkId&quot;:&quot;java&quot;,&quot;framework&quot;:&quot;java&quot;,&quot;language&quot;:&quot;java&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(300).height(150).crop(\\&quot;fill\\&quot;)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;dog.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(300).height(150).crop(\\&quot;fill\\&quot;)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;dog.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;dog.jpg\\&quot;, width: 300, height: 150, crop: \\&quot;fill\\&quot;, resource_type: \\&quot;video\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;dog.jpg\\&quot;, width: 300, height: 150, crop: \\&quot;fill\\&quot;, resource_type: \\&quot;video\\&quot;)&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Ruby&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;csharp&quot;,&quot;framework&quot;:&quot;csharp&quot;,&quot;language&quot;:&quot;csharp&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Width(300).Height(150).Crop(\\&quot;fill\\&quot;)).BuildImageTag(\\&quot;dog.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Width(300).Height(150).Crop(\\&quot;fill\\&quot;)).BuildImageTag(\\&quot;dog.jpg\\&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.image(&#039;dog.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(300)\\n.height(150))\\n\\t.setAssetType(\\&quot;video\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;dog.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(300)\\n.height(150))\\n\\t.setAssetType(\\&quot;video\\&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().setWidth(300).setHeight(150).setCrop(\\&quot;fill\\&quot;)).generate(\\&quot;dog.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setWidth(300).setHeight(150).setCrop(\\&quot;fill\\&quot;)).generate(\\&quot;dog.jpg\\&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().width(300).height(150).crop(\\&quot;fill\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(300).height(150).crop(\\&quot;fill\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.jpg\\&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.image(&#039;dog.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(300)\\n.height(150))\\n\\t.setAssetType(\\&quot;video\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;dog.jpg&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(300)\\n.height(150))\\n\\t.setAssetType(\\&quot;video\\&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.image {\\n\\tpublicId(\\&quot;dog.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(300)\\n height(150) })\\n\\t assetType(\\&quot;video\\&quot;) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;dog.jpg\\&quot;)\\n\\t resize(Resize.fill() { width(300)\\n height(150) })\\n\\t assetType(\\&quot;video\\&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.image(\\&quot;dog.jpg\\&quot;, {width: 300, height: 150, crop: \\&quot;fill\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;dog.jpg\\&quot;, {width: 300, height: 150, crop: \\&quot;fill\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;jQuery&quot;,&quot;packageName&quot;:&quot;cloudinary-jquery&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;react_native&quot;,&quot;framework&quot;:&quot;react_native&quot;,&quot;language&quot;:&quot;react_native&quot;,&quot;rawCodeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .resize(fill().width(300).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .resize(fill().width(300).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&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\\\/w_300,h_150,c_fill\\\/dog.jpg&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;width&quot;:&quot;300&quot;,&quot;height&quot;:&quot;150&quot;,&quot;crop_mode&quot;:&quot;fill&quot;}],&quot;transformation_string&quot;:&quot;w_300,h_150,c_fill&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;dog.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&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;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_300,h_150,c_fill\/dog.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_300,h_150,c_fill\/dog.jpg\" alt=\"Dynamically generated thumbnail of uploaded video\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"150\"\/><\/a><\/p>\n<p>Custom thumbnails can be selected by specifying the <code>start_offset<\/code> parameter. Any image transformations already supported by Cloudinary can be further applied. The example below creates a 300&#215;300 circular cropped thumbnail of the frame at 30% of the video and adds a semi-transparent watermark:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.image(\\&quot;dog.jpg\\&quot;, {resource_type: \\&quot;video\\&quot;, transformation: [ {width: 300, height: 300, radius: \\&quot;max\\&quot;, effect: \\&quot;sharpen\\&quot;, start_offset: \\&quot;30p\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: \\&quot;cloudinary_icon\\&quot;, width: \\&quot;0.9\\&quot;, flags: \\&quot;relative\\&quot;, opacity: 40} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;dog.jpg\\&quot;, {resource_type: \\&quot;video\\&quot;, transformation: [\\n  {width: 300, height: 300, radius: \\&quot;max\\&quot;, effect: \\&quot;sharpen\\&quot;, start_offset: \\&quot;30p\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: \\&quot;cloudinary_icon\\&quot;, width: \\&quot;0.9\\&quot;, flags: \\&quot;relative\\&quot;, opacity: 40}\\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 CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;30%\\&quot;))\\n  .resize(fill().width(300).height(300))\\n  .roundCorners(max())\\n  .adjust(sharpen())\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(0.9).relative())\\n          .adjust(opacity(40))\\n      )\\n    )\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;30%\\&quot;))\\n  .resize(fill().width(300).height(300))\\n  .roundCorners(max())\\n  .adjust(sharpen())\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(0.9).relative())\\n          .adjust(opacity(40))\\n      )\\n    )\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&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;dog.jpg\\&quot; resourceType=\\&quot;video\\&quot;&gt; &lt;Transformation width=\\&quot;300\\&quot; height=\\&quot;300\\&quot; radius=\\&quot;max\\&quot; effect=\\&quot;sharpen\\&quot; startOffset=\\&quot;30p\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation overlay=\\&quot;cloudinary_icon\\&quot; width=\\&quot;0.9\\&quot; flags=\\&quot;relative\\&quot; opacity=\\&quot;40\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;dog.jpg\\&quot; resourceType=\\&quot;video\\&quot;&gt;\\n\\t&lt;Transformation width=\\&quot;300\\&quot; height=\\&quot;300\\&quot; radius=\\&quot;max\\&quot; effect=\\&quot;sharpen\\&quot; startOffset=\\&quot;30p\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation overlay=\\&quot;cloudinary_icon\\&quot; width=\\&quot;0.9\\&quot; flags=\\&quot;relative\\&quot; opacity=\\&quot;40\\&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 CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;30%\\&quot;))\\n  .resize(fill().width(300).height(300))\\n  .roundCorners(max())\\n  .adjust(sharpen())\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(0.9).relative())\\n          .adjust(opacity(40))\\n      )\\n    )\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;30%\\&quot;))\\n  .resize(fill().width(300).height(300))\\n  .roundCorners(max())\\n  .adjust(sharpen())\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(0.9).relative())\\n          .adjust(opacity(40))\\n      )\\n    )\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&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;dog.jpg\\&quot; resource-type=\\&quot;video\\&quot;&gt; &lt;cld-transformation width=\\&quot;300\\&quot; height=\\&quot;300\\&quot; radius=\\&quot;max\\&quot; effect=\\&quot;sharpen\\&quot; start-offset=\\&quot;30p\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation :overlay=\\&quot;cloudinary_icon\\&quot; width=\\&quot;0.9\\&quot; flags=\\&quot;relative\\&quot; opacity=\\&quot;40\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;dog.jpg\\&quot; resource-type=\\&quot;video\\&quot;&gt;\\n\\t&lt;cld-transformation width=\\&quot;300\\&quot; height=\\&quot;300\\&quot; radius=\\&quot;max\\&quot; effect=\\&quot;sharpen\\&quot; start-offset=\\&quot;30p\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;cloudinary_icon\\&quot; width=\\&quot;0.9\\&quot; flags=\\&quot;relative\\&quot; opacity=\\&quot;40\\&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 CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;30%\\&quot;))\\n  .resize(fill().width(300).height(300))\\n  .roundCorners(max())\\n  .adjust(sharpen())\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(0.9).relative())\\n          .adjust(opacity(40))\\n      )\\n    )\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;30%\\&quot;))\\n  .resize(fill().width(300).height(300))\\n  .roundCorners(max())\\n  .adjust(sharpen())\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(0.9).relative())\\n          .adjust(opacity(40))\\n      )\\n    )\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&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;dog.jpg\\&quot; resource-type=\\&quot;video\\&quot;&gt; &lt;cl-transformation width=\\&quot;300\\&quot; height=\\&quot;300\\&quot; radius=\\&quot;max\\&quot; effect=\\&quot;sharpen\\&quot; start-offset=\\&quot;30p\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation overlay=\\&quot;cloudinary_icon\\&quot; width=\\&quot;0.9\\&quot; flags=\\&quot;relative\\&quot; opacity=\\&quot;40\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;dog.jpg\\&quot; resource-type=\\&quot;video\\&quot;&gt;\\n\\t&lt;cl-transformation width=\\&quot;300\\&quot; height=\\&quot;300\\&quot; radius=\\&quot;max\\&quot; effect=\\&quot;sharpen\\&quot; start-offset=\\&quot;30p\\&quot; crop=\\&quot;fill\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation overlay=\\&quot;cloudinary_icon\\&quot; width=\\&quot;0.9\\&quot; flags=\\&quot;relative\\&quot; opacity=\\&quot;40\\&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 CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;30%\\&quot;))\\n  .resize(fill().width(300).height(300))\\n  .roundCorners(max())\\n  .adjust(sharpen())\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(0.9).relative())\\n          .adjust(opacity(40))\\n      )\\n    )\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;30%\\&quot;))\\n  .resize(fill().width(300).height(300))\\n  .roundCorners(max())\\n  .adjust(sharpen())\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(0.9).relative())\\n          .adjust(opacity(40))\\n      )\\n    )\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&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;dog.jpg&#039;, {transformation: [ {width: 300, height: 300, radius: \\&quot;max\\&quot;, effect: \\&quot;sharpen\\&quot;, startOffset: \\&quot;30p\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), width: \\&quot;0.9\\&quot;, flags: \\&quot;relative\\&quot;, opacity: 40} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;dog.jpg&#039;, {transformation: [\\n  {width: 300, height: 300, radius: \\&quot;max\\&quot;, effect: \\&quot;sharpen\\&quot;, startOffset: \\&quot;30p\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), width: \\&quot;0.9\\&quot;, flags: \\&quot;relative\\&quot;, opacity: 40}\\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;dog.jpg\\&quot;).image(transformation=[ {&#039;width&#039;: 300, &#039;height&#039;: 300, &#039;radius&#039;: \\&quot;max\\&quot;, &#039;effect&#039;: \\&quot;sharpen\\&quot;, &#039;start_offset&#039;: \\&quot;30p\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;overlay&#039;: \\&quot;cloudinary_icon\\&quot;, &#039;width&#039;: \\&quot;0.9\\&quot;, &#039;flags&#039;: \\&quot;relative\\&quot;, &#039;opacity&#039;: 40} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;dog.jpg\\&quot;).image(transformation=[\\n  {&#039;width&#039;: 300, &#039;height&#039;: 300, &#039;radius&#039;: \\&quot;max\\&quot;, &#039;effect&#039;: \\&quot;sharpen\\&quot;, &#039;start_offset&#039;: \\&quot;30p\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;overlay&#039;: \\&quot;cloudinary_icon\\&quot;, &#039;width&#039;: \\&quot;0.9\\&quot;, &#039;flags&#039;: \\&quot;relative\\&quot;, &#039;opacity&#039;: 40}\\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 ImageTag(&#039;dog.jpg&#039;))\\n\\t-&gt;videoEdit(VideoEdit::trim()-&gt;startOffset(\\&quot;30%\\&quot;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(300)\\n-&gt;height(300))\\n\\t-&gt;roundCorners(RoundCorners::max())\\n\\t-&gt;adjust(Adjust::sharpen())\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;cloudinary_icon\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(0.9)\\n\\t-&gt;relative()\\n\\t)\\n\\t-&gt;adjust(Adjust::opacity(40)))\\n\\t))\\n\\t-&gt;assetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;dog.jpg&#039;))\\n\\t-&gt;videoEdit(VideoEdit::trim()-&gt;startOffset(\\&quot;30%\\&quot;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(300)\\n-&gt;height(300))\\n\\t-&gt;roundCorners(RoundCorners::max())\\n\\t-&gt;adjust(Adjust::sharpen())\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::image(\\&quot;cloudinary_icon\\&quot;)\\n\\t-&gt;transformation((new Transformation())\\n\\t-&gt;resize(Resize::scale()-&gt;width(0.9)\\n\\t-&gt;relative()\\n\\t)\\n\\t-&gt;adjust(Adjust::opacity(40)))\\n\\t))\\n\\t-&gt;assetType(\\&quot;video\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;3.x&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;dog.jpg\\&quot;, array(\\&quot;resource_type\\&quot;=&gt;\\&quot;video\\&quot;, \\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;300, \\&quot;height\\&quot;=&gt;300, \\&quot;radius\\&quot;=&gt;\\&quot;max\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;sharpen\\&quot;, \\&quot;start_offset\\&quot;=&gt;\\&quot;30p\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;overlay\\&quot;=&gt;\\&quot;cloudinary_icon\\&quot;, \\&quot;width\\&quot;=&gt;\\&quot;0.9\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;relative\\&quot;, \\&quot;opacity\\&quot;=&gt;40) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;dog.jpg\\&quot;, array(\\&quot;resource_type\\&quot;=&gt;\\&quot;video\\&quot;, \\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;300, \\&quot;height\\&quot;=&gt;300, \\&quot;radius\\&quot;=&gt;\\&quot;max\\&quot;, \\&quot;effect\\&quot;=&gt;\\&quot;sharpen\\&quot;, \\&quot;start_offset\\&quot;=&gt;\\&quot;30p\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;overlay\\&quot;=&gt;\\&quot;cloudinary_icon\\&quot;, \\&quot;width\\&quot;=&gt;\\&quot;0.9\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;relative\\&quot;, \\&quot;opacity\\&quot;=&gt;40)\\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().width(300).height(300).radius(\\&quot;max\\&quot;).effect(\\&quot;sharpen\\&quot;).startOffset(\\&quot;30p\\&quot;).crop(\\&quot;fill\\&quot;).chain() .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).width(0.9).flags(\\&quot;relative\\&quot;).opacity(40)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;dog.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(300).height(300).radius(\\&quot;max\\&quot;).effect(\\&quot;sharpen\\&quot;).startOffset(\\&quot;30p\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).width(0.9).flags(\\&quot;relative\\&quot;).opacity(40)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;dog.jpg\\&quot;);&quot;,&quot;status&quot;:0,&quot;statusText&quot;:&quot;Ok&quot;,&quot;displayName&quot;:&quot;Java&quot;,&quot;packageName&quot;:&quot;cloudinary&quot;,&quot;packageStatus&quot;:&quot;&quot;,&quot;packageVersion&quot;:&quot;2.x&quot;},{&quot;sdkId&quot;:&quot;ruby&quot;,&quot;framework&quot;:&quot;ruby&quot;,&quot;language&quot;:&quot;ruby&quot;,&quot;rawCodeSnippet&quot;:&quot;cl_image_tag(\\&quot;dog.jpg\\&quot;, resource_type: \\&quot;video\\&quot;, transformation: [ {width: 300, height: 300, radius: \\&quot;max\\&quot;, effect: \\&quot;sharpen\\&quot;, start_offset: \\&quot;30p\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: \\&quot;cloudinary_icon\\&quot;, width: 0.9, flags: \\&quot;relative\\&quot;, opacity: 40} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;dog.jpg\\&quot;, resource_type: \\&quot;video\\&quot;, transformation: [\\n  {width: 300, height: 300, radius: \\&quot;max\\&quot;, effect: \\&quot;sharpen\\&quot;, start_offset: \\&quot;30p\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: \\&quot;cloudinary_icon\\&quot;, width: 0.9, flags: \\&quot;relative\\&quot;, opacity: 40}\\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().Width(300).Height(300).Radius(\\&quot;max\\&quot;).Effect(\\&quot;sharpen\\&quot;).StartOffset(\\&quot;30p\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Overlay(new Layer().PublicId(\\&quot;cloudinary_icon\\&quot;)).Width(0.9).Flags(\\&quot;relative\\&quot;).Opacity(40)).BuildImageTag(\\&quot;dog.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation()\\n  .Width(300).Height(300).Radius(\\&quot;max\\&quot;).Effect(\\&quot;sharpen\\&quot;).StartOffset(\\&quot;30p\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Overlay(new Layer().PublicId(\\&quot;cloudinary_icon\\&quot;)).Width(0.9).Flags(\\&quot;relative\\&quot;).Opacity(40)).BuildImageTag(\\&quot;dog.jpg\\&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.image(&#039;dog.jpg&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.trim().startOffset(\\&quot;30%\\&quot;))\\n\\t.resize(Resize.fill().width(300)\\n.height(300))\\n\\t.roundCorners(RoundCorners.max())\\n\\t.adjust(Adjust.sharpen())\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;cloudinary_icon\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.scale().width(0.9)\\n\\t.relative()\\n\\t)\\n\\t.adjust(Adjust.opacity(40)))\\n\\t))\\n\\t.setAssetType(\\&quot;video\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;dog.jpg&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.trim().startOffset(\\&quot;30%\\&quot;))\\n\\t.resize(Resize.fill().width(300)\\n.height(300))\\n\\t.roundCorners(RoundCorners.max())\\n\\t.adjust(Adjust.sharpen())\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;cloudinary_icon\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.scale().width(0.9)\\n\\t.relative()\\n\\t)\\n\\t.adjust(Adjust.opacity(40)))\\n\\t))\\n\\t.setAssetType(\\&quot;video\\&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().setWidth(300).setHeight(300).setRadius(\\&quot;max\\&quot;).setEffect(\\&quot;sharpen\\&quot;).setStartOffset(\\&quot;30p\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setOverlay(\\&quot;cloudinary_icon\\&quot;).setWidth(0.9).setFlags(\\&quot;relative\\&quot;).setOpacity(40)).generate(\\&quot;dog.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation()\\n  .setWidth(300).setHeight(300).setRadius(\\&quot;max\\&quot;).setEffect(\\&quot;sharpen\\&quot;).setStartOffset(\\&quot;30p\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setOverlay(\\&quot;cloudinary_icon\\&quot;).setWidth(0.9).setFlags(\\&quot;relative\\&quot;).setOpacity(40)).generate(\\&quot;dog.jpg\\&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().width(300).height(300).radius(\\&quot;max\\&quot;).effect(\\&quot;sharpen\\&quot;).startOffset(\\&quot;30p\\&quot;).crop(\\&quot;fill\\&quot;).chain() .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).width(0.9).flags(\\&quot;relative\\&quot;).opacity(40)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(300).height(300).radius(\\&quot;max\\&quot;).effect(\\&quot;sharpen\\&quot;).startOffset(\\&quot;30p\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).width(0.9).flags(\\&quot;relative\\&quot;).opacity(40)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;dog.jpg\\&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.image(&#039;dog.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;w_300,h_300,c_fill,r_max,e_sharpen,so_30p\\\/l_cloudinary_icon,w_0.9,fl_relative,o_40\\&quot;)\\n\\t.setAssetType(\\&quot;video\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;dog.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;w_300,h_300,c_fill,r_max,e_sharpen,so_30p\\\/l_cloudinary_icon,w_0.9,fl_relative,o_40\\&quot;)\\n\\t.setAssetType(\\&quot;video\\&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.image {\\n\\tpublicId(\\&quot;dog.jpg\\&quot;)\\n\\t videoEdit(VideoEdit.trim() { startOffset(\\&quot;30%\\&quot;) })\\n\\t resize(Resize.fill() { width(300)\\n height(300) })\\n\\t roundCorners(RoundCorners.max())\\n\\t adjust(Adjust.sharpen())\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;cloudinary_icon\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.scale() { width(0.9F)\\n\\t relative()\\n\\t })\\n\\t adjust(Adjust.opacity(40)) })\\n\\t }))\\n\\t assetType(\\&quot;video\\&quot;) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;dog.jpg\\&quot;)\\n\\t videoEdit(VideoEdit.trim() { startOffset(\\&quot;30%\\&quot;) })\\n\\t resize(Resize.fill() { width(300)\\n height(300) })\\n\\t roundCorners(RoundCorners.max())\\n\\t adjust(Adjust.sharpen())\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;cloudinary_icon\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.scale() { width(0.9F)\\n\\t relative()\\n\\t })\\n\\t adjust(Adjust.opacity(40)) })\\n\\t }))\\n\\t assetType(\\&quot;video\\&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.image(\\&quot;dog.jpg\\&quot;, {resource_type: \\&quot;video\\&quot;, transformation: [ {width: 300, height: 300, radius: \\&quot;max\\&quot;, effect: \\&quot;sharpen\\&quot;, start_offset: \\&quot;30p\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), width: \\&quot;0.9\\&quot;, flags: \\&quot;relative\\&quot;, opacity: 40} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;dog.jpg\\&quot;, {resource_type: \\&quot;video\\&quot;, transformation: [\\n  {width: 300, height: 300, radius: \\&quot;max\\&quot;, effect: \\&quot;sharpen\\&quot;, start_offset: \\&quot;30p\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), width: \\&quot;0.9\\&quot;, flags: \\&quot;relative\\&quot;, opacity: 40}\\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 CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;30%\\&quot;))\\n  .resize(fill().width(300).height(300))\\n  .roundCorners(max())\\n  .adjust(sharpen())\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(0.9).relative())\\n          .adjust(opacity(40))\\n      )\\n    )\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;30%\\&quot;))\\n  .resize(fill().width(300).height(300))\\n  .roundCorners(max())\\n  .adjust(sharpen())\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(0.9).relative())\\n          .adjust(opacity(40))\\n      )\\n    )\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&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\\\/w_300,h_300,c_fill,r_max,e_sharpen,so_30p\\\/l_cloudinary_icon,w_0.9,fl_relative,o_40\\\/dog.jpg&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;width&quot;:&quot;300&quot;,&quot;height&quot;:&quot;300&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;radius&quot;:&quot;max&quot;,&quot;effect&quot;:&quot;sharpen&quot;,&quot;start_offset&quot;:&quot;30p&quot;},{&quot;overlay&quot;:&quot;cloudinary_icon&quot;,&quot;width&quot;:&quot;0.9&quot;,&quot;flags&quot;:&quot;relative&quot;,&quot;opacity&quot;:&quot;40&quot;}],&quot;transformation_string&quot;:&quot;w_300,h_300,c_fill,r_max,e_sharpen,so_30p\\\/l_cloudinary_icon,w_0.9,fl_relative,o_40&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;dog.jpg&quot;,&quot;extension&quot;:&quot;jpg&quot;,&quot;format&quot;:&quot;jpg&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;image&quot;}\"\n      with-url=\"true\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget><a class=\"c-image-link\" href=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_300,h_300,c_fill,r_max,e_sharpen,so_30p\/l_cloudinary_icon,w_0.9,fl_relative,o_40\/dog.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_300,h_300,c_fill,r_max,e_sharpen,so_30p\/l_cloudinary_icon,w_0.9,fl_relative,o_40\/dog.jpg\" alt=\"Dynamically transformed thumbnail generated for uploaded video\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"300\"\/><\/a><\/p>\n<p>There are plenty of additional video and image transformation options that you can mix and match, we have shown only a few here just to give a taste. <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery\">Check our documentation<\/a> for more details and examples.<\/p>\n<p>You can use Cloudinary\u2019s SDKs of all web frameworks for building transformation URLs and embedding HTML5 video tags with all video sources and settings. The browser automatically selects a video format it supports, while the video files can be created dynamically when first accessed by your users. For example, the following view helper method adds an <a href=\"https:\/\/cloudinary.com\/guides\/front-end-development\/html5-video-tag\">HTML5 video tag<\/a> for all video formats, as well as a poster image:<\/p>\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;cl_video_tag(\\&quot;dog\\&quot;, :width =&gt; 300, :height =&gt; 150,  :crop =&gt; :fill, \\n  :autoplay =&gt; true)&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;dog\\&quot;, :width =&gt; 300, :height =&gt; 150,  :crop =&gt; :fill, \\n  :autoplay =&gt; true)&quot;},{&quot;sdkId&quot;:&quot;php&quot;,&quot;framework&quot;:&quot;php&quot;,&quot;language&quot;:&quot;php&quot;,&quot;displayName&quot;:&quot;PHP&quot;,&quot;packageName&quot;:&quot;cloudinary_php&quot;,&quot;packageVersion&quot;:&quot;1.x&quot;,&quot;packageStatus&quot;:&quot;legacy&quot;,&quot;rawCodeSnippet&quot;:&quot;&lt;?php echo cl_video_tag(\\&quot;dog\\&quot;, \\n  array(\\&quot;width\\&quot; =&gt; 300, \\&quot;height\\&quot; =&gt; 150, \\&quot;crop\\&quot; =&gt; \\&quot;fill\\&quot;, \\n              \\&quot;autoplay\\&quot; =&gt; true)); ?&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;?php echo cl_video_tag(\\&quot;dog\\&quot;, \\n  array(\\&quot;width\\&quot; =&gt; 300, \\&quot;height\\&quot; =&gt; 150, \\&quot;crop\\&quot; =&gt; \\&quot;fill\\&quot;, \\n              \\&quot;autoplay\\&quot; =&gt; true)); ?&gt;&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;cloudinary.CloudinaryVideo(\\&quot;dog\\&quot;).video( \\n  width = 300, height = 150, crop = \\&quot;fill\\&quot;, autoplay = True)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.CloudinaryVideo(\\&quot;dog\\&quot;).video( \\n  width = 300, height = 150, crop = \\&quot;fill\\&quot;, autoplay = True)&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;cloudinary.video(\\&quot;dog\\&quot; { width: 300, height: 150, \\n  crop: \\&quot;fill\\&quot;, autoplay: true })&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;dog\\&quot; { width: 300, height: 150, \\n  crop: \\&quot;fill\\&quot;, autoplay: true })&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;&lt;cl:video src=\\&quot;dog\\&quot; width = \\&quot;300\\&quot;, height = \\&quot;150\\&quot;, \\n  crop = \\&quot;fill\\&quot;, autoplay = \\&quot;true\\&quot;\\\/&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl:video src=\\&quot;dog\\&quot; width = \\&quot;300\\&quot;, height = \\&quot;150\\&quot;, \\n  crop = \\&quot;fill\\&quot;, autoplay = \\&quot;true\\&quot;\\\/&gt;&quot;}]\"\n      parsed-url=\"[]\"\n      with-url=\"false\"\n    >\n      <span class=\"u-visually-hidden\">Loading code examples<\/span>\n    <\/cld-code-widget>\n<p>This results with the following HTML code:<\/p>\n<pre class=\"js-syntax-highlighted\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml shcb-wrap-lines\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">video<\/span> <span class=\"hljs-attr\">autoplay<\/span> <span class=\"hljs-attr\">poster<\/span>=\n  <span class=\"hljs-string\">'https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_300,h_150,c_fill\/dog.jpg'<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">source<\/span> \n <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">'https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_300,h_150,c_fill\/dog.webm'<\/span> \n <span class=\"hljs-attr\">type<\/span>=<span class=\"hljs-string\">'video\/webm'<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">source<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">source<\/span> \n <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">'https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_300,h_150,c_fill\/dog.mp4'<\/span> \n <span class=\"hljs-attr\">type<\/span>=<span class=\"hljs-string\">'video\/mp4'<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">source<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">source<\/span> \n <span class=\"hljs-attr\">src<\/span>=<span class=\"hljs-string\">'https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_300,h_150,c_fill\/dog.ogv'<\/span> \n <span class=\"hljs-attr\">type<\/span>=<span class=\"hljs-string\">'video\/ogg'<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">source<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">video<\/span>&gt;<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n<h2>Summary<\/h2>\n<p>Any web and mobile developer can now use the same API for uploading any media files, images or videos. The files are stored safely in the cloud and available for fast delivery using image and <a href=\"https:\/\/cloudinary.com\/guides\/web-performance\/video-optimization-why-you-need-it-and-5-critical-best-practices\">video optimization<\/a> best practices. Dynamic transformations and transformations can take place on-the-fly to match your graphic design and the various devices and browsers of your users.<\/p>\n<p>Our target is to make the life of developers easier, while letting them easily leverage cutting edge image processing capabilities. Today we push this forward by supporting video clips as well and providing powerful video capabilities using very simple parameters.<\/p>\n<p>We hope you will find our video solution as useful as we believe it is. We would appreciate any feedback you have. We have big plans for further enhancing the video asset management features as well as to keep enhancing the already rich image asset management features. Stay tuned for updates.<\/p>\n<p><strong>All video features mentioned in this post are now available for any Cloudinary plan, including the free tier<\/strong>. You can <a href=\"https:\/\/cloudinary.com\/users\/register_free\">sign up to quickly set-up your Cloudinary account<\/a> and try out all the image and video transformation features.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":24042,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[91,92,176,183,214,229,257],"class_list":["post-21287","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-django","tag-dotnet","tag-java","tag-jquery","tag-node","tag-php","tag-ruby-on-rails"],"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>Introducing Video Asset Management in the Cloud<\/title>\n<meta name=\"description\" content=\"Cloudinary&#039;s video asset management service aims to cover all video related needs: video upload, video transcoding, real-time transformation and optimized viewing\" \/>\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\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Video Asset Management in the Cloud\" \/>\n<meta property=\"og:description\" content=\"Cloudinary&#039;s video asset management service aims to cover all video related needs: video upload, video transcoding, real-time transformation and optimized viewing\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-05-05T18:03:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-10T18:55:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649781066\/74_Video-Management-in-Cloud\/74_Video-Management-in-Cloud.png?_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\/png\" \/>\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\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Introducing Video Asset Management in the Cloud\",\"datePublished\":\"2015-05-05T18:03:22+00:00\",\"dateModified\":\"2025-11-10T18:55:32+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing\"},\"wordCount\":7,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649781066\/74_Video-Management-in-Cloud\/74_Video-Management-in-Cloud.png?_i=AA\",\"keywords\":[\"Django\",\"DotNet\",\"Java\",\"jQuery\",\"Node\",\"PHP\",\"Ruby on Rails\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2015\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing\",\"url\":\"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing\",\"name\":\"Introducing Video Asset Management in the Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649781066\/74_Video-Management-in-Cloud\/74_Video-Management-in-Cloud.png?_i=AA\",\"datePublished\":\"2015-05-05T18:03:22+00:00\",\"dateModified\":\"2025-11-10T18:55:32+00:00\",\"description\":\"Cloudinary's video asset management service aims to cover all video related needs: video upload, video transcoding, real-time transformation and optimized viewing\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649781066\/74_Video-Management-in-Cloud\/74_Video-Management-in-Cloud.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649781066\/74_Video-Management-in-Cloud\/74_Video-Management-in-Cloud.png?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introducing Video Asset Management in the Cloud\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Introducing Video Asset Management in the Cloud","description":"Cloudinary's video asset management service aims to cover all video related needs: video upload, video transcoding, real-time transformation and optimized viewing","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\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing","og_locale":"en_US","og_type":"article","og_title":"Introducing Video Asset Management in the Cloud","og_description":"Cloudinary's video asset management service aims to cover all video related needs: video upload, video transcoding, real-time transformation and optimized viewing","og_url":"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing","og_site_name":"Cloudinary Blog","article_published_time":"2015-05-05T18:03:22+00:00","article_modified_time":"2025-11-10T18:55:32+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649781066\/74_Video-Management-in-Cloud\/74_Video-Management-in-Cloud.png?_i=AA","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing"},"author":{"name":"","@id":""},"headline":"Introducing Video Asset Management in the Cloud","datePublished":"2015-05-05T18:03:22+00:00","dateModified":"2025-11-10T18:55:32+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing"},"wordCount":7,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649781066\/74_Video-Management-in-Cloud\/74_Video-Management-in-Cloud.png?_i=AA","keywords":["Django","DotNet","Java","jQuery","Node","PHP","Ruby on Rails"],"inLanguage":"en-US","copyrightYear":"2015","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing","url":"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing","name":"Introducing Video Asset Management in the Cloud","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649781066\/74_Video-Management-in-Cloud\/74_Video-Management-in-Cloud.png?_i=AA","datePublished":"2015-05-05T18:03:22+00:00","dateModified":"2025-11-10T18:55:32+00:00","description":"Cloudinary's video asset management service aims to cover all video related needs: video upload, video transcoding, real-time transformation and optimized viewing","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649781066\/74_Video-Management-in-Cloud\/74_Video-Management-in-Cloud.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649781066\/74_Video-Management-in-Cloud\/74_Video-Management-in-Cloud.png?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/introducing_cloud_based_service_for_video_upload_real_time_manipulation_and_optimized_viewing#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Introducing Video Asset Management in the Cloud"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649781066\/74_Video-Management-in-Cloud\/74_Video-Management-in-Cloud.png?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=21287"}],"version-history":[{"count":12,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21287\/revisions"}],"predecessor-version":[{"id":39240,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21287\/revisions\/39240"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/24042"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=21287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=21287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=21287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}