{"id":21309,"date":"2015-09-02T13:53:00","date_gmt":"2015-09-02T13:53:00","guid":{"rendered":"http:\/\/video_transcoding_resizing_cropping_and_manipulating_made_easy"},"modified":"2024-10-03T16:25:20","modified_gmt":"2024-10-03T23:25:20","slug":"video_transcoding_resizing_cropping_and_manipulating_made_easy","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy","title":{"rendered":"Video transcoding, resizing, cropping and manipulating made easy with Cloudinary"},"content":{"rendered":"<div class=\"wp-block-cloudinary-markdown \"><p>Videos are becoming more prolific with people having the capability to capture videos with a wide variety of cameras, including smartphone cameras that are available almost everywhere. Web and mobile applications that display videos online can be faced with a challenge when the videos are created or uploaded from different devices and in various formats, and then need to be delivered in <strong>a multitude of resolutions and aspect ratios to various web browsers, laptops and all kinds of mobile devices<\/strong> in HTML5 web friendly video formats.<\/p>\n<p>On top of that, the videos may need to be further manipulated to fit the graphic design of the web application, whether that entails cropping, resizing, rotating, trimming, adding overlays, or even applying filters and various effects.<\/p>\n<p>Developing and then supporting the backend required to transform videos from hi-res originals to HTML5 web friendly video formats that fit the graphic design of your application is a non-trivial technical process that requires considerable computational power. There are also many advanced tuning properties related to video encoding in the trade off between visual quality and file size, and doing this correctly can save a lot of bandwidth and load videos faster. Many developers spend considerable time building in-house solutions to support online videos.<\/p>\n<p>Cloudinary offers a solution to all your development needs with:<\/p>\n<ul>\n<li>No need to install any complex software &#8211; <strong>all video processing takes place in the cloud<\/strong>, together with an Interactive Media Library for browsing through your media files and SDKs for all popular web and mobile development frameworks for easy integration with HTML5 sites and mobile apps.<\/li>\n<li>No need to learn how to fine tune video creation &#8211; all the best practices are already automatically applied with conversion to all formats <strong>(MP4, WebM, OGV, FLV)<\/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.<\/li>\n<li>No need to write complex code for video processing &#8211; all code is already available as a service with a URL based API for <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery\">video transcoding<\/a> and manipulation.<\/li>\n<li>No need to deploy servers for video processing &#8211; it\u2019s a hosted solution.<\/li>\n<li>No need to pre-generate all video manipulations &#8211; video transformations are done on the fly, streamed via a CDN.<\/li>\n<\/ul>\n<h2>Cloud-based video manipulation<\/h2>\n<p>Manipulating videos to fit the graphic design of the web application doesn\u2019t need to be complicated and hard to implement even if the video needs to be delivered in different sizes, formats and <a href=\"https:\/\/cloudinary.com\/glossary\/video-resolutions\">resolutions<\/a> while supporting all the different web browsers, laptops and mobile devices. Cloudinary\u2019s rich set of video manipulation capabilities include: <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#resizing_and_cropping_videos\">resizing and cropping<\/a>, <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#rotating_videos\">rotating<\/a>, modifying <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#quality_control\">quality<\/a>, adjusting <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#video_codec_settings\">video codec settings<\/a>, controlling <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#bit_rate_control\">bit rate<\/a>, <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#trimming_videos\">video trimming<\/a>, <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#generating_video_thumbnails\">thumbnail generation<\/a>, <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#creating_animated_gifs\">conversion to animated GIF<\/a>, adding <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#adding_text_captions\">text<\/a>, <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#adding_image_overlays\">image<\/a> and <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#adding_video_overlays\">video<\/a> overlays, <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#video_effects\">special effects<\/a> and lots <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery#video_transformations_reference\">more<\/a>. Videos are delivered using dynamic URLs with on-the-fly transcoding and real-time manipulation while streaming the video content via a worldwide CDN with streaming support for the best performance.<\/p>\n<p>The following are some examples of manipulating a video called <code>funny_dog<\/code> that was uploaded to Cloudinary.<\/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;funny_dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;funny_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;funny_dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&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;funny_dog\\&quot; &gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;funny_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;funny_dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&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;funny_dog\\&quot; &gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;funny_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;funny_dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&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;funny_dog\\&quot; &gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;funny_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;funny_dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&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;funny_dog&#039;).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;funny_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;funny_dog\\&quot;).video()&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;funny_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;funny_dog.mp4&#039;));&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;funny_dog.mp4&#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;funny_dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;funny_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;funny_dog\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().videoTag(\\&quot;funny_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;funny_dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;funny_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;funny_dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.BuildVideoTag(\\&quot;funny_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;funny_dog.mp4&#039;).transformation(Transformation());&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;funny_dog.mp4&#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;funny_dog.mp4\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_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().resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_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;funny_dog.mp4&#039;).transformation(Transformation());&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;funny_dog.mp4&#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;funny_dog.mp4\\&quot;) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;funny_dog.mp4\\&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;funny_dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;funny_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;funny_dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&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\\\/funny_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;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;funny_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_500\/funny_dog.jpg\"\n      \n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/\/w_500\/vc_h265\/funny_dog.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/\/w_500\/vc_vp9\/funny_dog.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/\/w_500\/vc_auto\/funny_dog.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/\/w_500\/vc_auto\/funny_dog.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<h3>Video resizing and cropping<\/h3>\n<p>Resize the video to a width of 200 pixels and a height of 150 pixels using the <code>fill<\/code> cropping mode and focusing on the bottom of the video in the case that only a portion of the video is used:<\/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;funny_dog\\&quot;, {width: 200, height: 150, gravity: \\&quot;south\\&quot;, crop: \\&quot;fill\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;funny_dog\\&quot;, {width: 200, height: 150, gravity: \\&quot;south\\&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;funny_dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(150)\\n    .gravity(compass(\\&quot;south\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(150)\\n    .gravity(compass(\\&quot;south\\&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;funny_dog\\&quot; &gt; &lt;Transformation width=\\&quot;200\\&quot; height=\\&quot;150\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;funny_dog\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;200\\&quot; height=\\&quot;150\\&quot; gravity=\\&quot;south\\&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;funny_dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(150)\\n    .gravity(compass(\\&quot;south\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(150)\\n    .gravity(compass(\\&quot;south\\&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;funny_dog\\&quot; &gt; &lt;cld-transformation width=\\&quot;200\\&quot; height=\\&quot;150\\&quot; gravity=\\&quot;south\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;funny_dog\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;200\\&quot; height=\\&quot;150\\&quot; gravity=\\&quot;south\\&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;funny_dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(150)\\n    .gravity(compass(\\&quot;south\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(150)\\n    .gravity(compass(\\&quot;south\\&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;funny_dog\\&quot; &gt; &lt;cl-transformation width=\\&quot;200\\&quot; height=\\&quot;150\\&quot; gravity=\\&quot;south\\&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;funny_dog\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;200\\&quot; height=\\&quot;150\\&quot; gravity=\\&quot;south\\&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;funny_dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(150)\\n    .gravity(compass(\\&quot;south\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(150)\\n    .gravity(compass(\\&quot;south\\&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;funny_dog&#039;, {width: 200, height: 150, gravity: \\&quot;south\\&quot;, crop: \\&quot;fill\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;funny_dog&#039;, {width: 200, height: 150, gravity: \\&quot;south\\&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;funny_dog\\&quot;).video(width=200, height=150, gravity=\\&quot;south\\&quot;, crop=\\&quot;fill\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;funny_dog\\&quot;).video(width=200, height=150, gravity=\\&quot;south\\&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;funny_dog.mp4&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(200)\\n-&gt;height(150)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;funny_dog.mp4&#039;))\\n\\t-&gt;resize(Resize::fill()-&gt;width(200)\\n-&gt;height(150)\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::south()))\\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;funny_dog\\&quot;, array(\\&quot;width\\&quot;=&gt;200, \\&quot;height\\&quot;=&gt;150, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;funny_dog\\&quot;, array(\\&quot;width\\&quot;=&gt;200, \\&quot;height\\&quot;=&gt;150, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&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(150).gravity(\\&quot;south\\&quot;).crop(\\&quot;fill\\&quot;)).videoTag(\\&quot;funny_dog\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(200).height(150).gravity(\\&quot;south\\&quot;).crop(\\&quot;fill\\&quot;)).videoTag(\\&quot;funny_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;funny_dog\\&quot;, width: 200, height: 150, gravity: \\&quot;south\\&quot;, crop: \\&quot;fill\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;funny_dog\\&quot;, width: 200, height: 150, gravity: \\&quot;south\\&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(150).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;fill\\&quot;)).BuildVideoTag(\\&quot;funny_dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Width(200).Height(150).Gravity(\\&quot;south\\&quot;).Crop(\\&quot;fill\\&quot;)).BuildVideoTag(\\&quot;funny_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;funny_dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(200)\\n.height(150)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;funny_dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(200)\\n.height(150)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\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(150).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;fill\\&quot;)).generate(\\&quot;funny_dog.mp4\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setWidth(200).setHeight(150).setGravity(\\&quot;south\\&quot;).setCrop(\\&quot;fill\\&quot;)).generate(\\&quot;funny_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(150).gravity(\\&quot;south\\&quot;).crop(\\&quot;fill\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(200).height(150).gravity(\\&quot;south\\&quot;).crop(\\&quot;fill\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_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;funny_dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(200)\\n.height(150)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;funny_dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.fill().width(200)\\n.height(150)\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\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;funny_dog.mp4\\&quot;)\\n\\t resize(Resize.fill() { width(200)\\n height(150)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;funny_dog.mp4\\&quot;)\\n\\t resize(Resize.fill() { width(200)\\n height(150)\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\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;funny_dog\\&quot;, {width: 200, height: 150, gravity: \\&quot;south\\&quot;, crop: \\&quot;fill\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;funny_dog\\&quot;, {width: 200, height: 150, gravity: \\&quot;south\\&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;funny_dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(150)\\n    .gravity(compass(\\&quot;south\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;).resize(\\n  fill()\\n    .width(200)\\n    .height(150)\\n    .gravity(compass(\\&quot;south\\&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_150,c_fill,g_south\\\/funny_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;150&quot;,&quot;crop_mode&quot;:&quot;fill&quot;,&quot;gravity&quot;:&quot;south&quot;}],&quot;transformation_string&quot;:&quot;w_200,h_150,c_fill,g_south&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;funny_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_150,c_fill,g_south\/funny_dog.jpg\"\n      \n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_150,c_fill,g_south\/vc_h265\/funny_dog.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_150,c_fill,g_south\/vc_vp9\/funny_dog.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_150,c_fill,g_south\/vc_auto\/funny_dog.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_200,h_150,c_fill,g_south\/vc_auto\/funny_dog.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<p>Resize the video to a width of 300 pixels and a height of 200 pixels using the <code>pad<\/code> cropping mode and use a blue background in the case that the video needs padding:<\/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;funny_dog\\&quot;, {width: 300, height: 200, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;funny_dog\\&quot;, {width: 300, height: 200, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&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;funny_dog.mp4\\&quot;).resize(\\n  pad()\\n    .width(300)\\n    .height(200)\\n    .background(color(\\&quot;#0e4167\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;).resize(\\n  pad()\\n    .width(300)\\n    .height(200)\\n    .background(color(\\&quot;#0e4167\\&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;funny_dog\\&quot; &gt; &lt;Transformation width=\\&quot;300\\&quot; height=\\&quot;200\\&quot; background=\\&quot;#0e4167\\&quot; crop=\\&quot;pad\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;funny_dog\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;300\\&quot; height=\\&quot;200\\&quot; background=\\&quot;#0e4167\\&quot; crop=\\&quot;pad\\&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;funny_dog.mp4\\&quot;).resize(\\n  pad()\\n    .width(300)\\n    .height(200)\\n    .background(color(\\&quot;#0e4167\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;).resize(\\n  pad()\\n    .width(300)\\n    .height(200)\\n    .background(color(\\&quot;#0e4167\\&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;funny_dog\\&quot; &gt; &lt;cld-transformation width=\\&quot;300\\&quot; height=\\&quot;200\\&quot; background=\\&quot;#0e4167\\&quot; crop=\\&quot;pad\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;funny_dog\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;300\\&quot; height=\\&quot;200\\&quot; background=\\&quot;#0e4167\\&quot; crop=\\&quot;pad\\&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;funny_dog.mp4\\&quot;).resize(\\n  pad()\\n    .width(300)\\n    .height(200)\\n    .background(color(\\&quot;#0e4167\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;).resize(\\n  pad()\\n    .width(300)\\n    .height(200)\\n    .background(color(\\&quot;#0e4167\\&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;funny_dog\\&quot; &gt; &lt;cl-transformation width=\\&quot;300\\&quot; height=\\&quot;200\\&quot; background=\\&quot;#0e4167\\&quot; crop=\\&quot;pad\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;funny_dog\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;300\\&quot; height=\\&quot;200\\&quot; background=\\&quot;#0e4167\\&quot; crop=\\&quot;pad\\&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;funny_dog.mp4\\&quot;).resize(\\n  pad()\\n    .width(300)\\n    .height(200)\\n    .background(color(\\&quot;#0e4167\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;).resize(\\n  pad()\\n    .width(300)\\n    .height(200)\\n    .background(color(\\&quot;#0e4167\\&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;funny_dog&#039;, {width: 300, height: 200, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;funny_dog&#039;, {width: 300, height: 200, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&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;funny_dog\\&quot;).video(width=300, height=200, background=\\&quot;#0e4167\\&quot;, crop=\\&quot;pad\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;funny_dog\\&quot;).video(width=300, height=200, background=\\&quot;#0e4167\\&quot;, crop=\\&quot;pad\\&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;funny_dog.mp4&#039;))\\n\\t-&gt;resize(Resize::pad()-&gt;width(300)\\n-&gt;height(200)\\n\\t-&gt;background(\\n\\tBackground::color(Color::rgb(\\&quot;0e4167\\&quot;)))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;funny_dog.mp4&#039;))\\n\\t-&gt;resize(Resize::pad()-&gt;width(300)\\n-&gt;height(200)\\n\\t-&gt;background(\\n\\tBackground::color(Color::rgb(\\&quot;0e4167\\&quot;)))\\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;funny_dog\\&quot;, array(\\&quot;width\\&quot;=&gt;300, \\&quot;height\\&quot;=&gt;200, \\&quot;background\\&quot;=&gt;\\&quot;#0e4167\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;pad\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;funny_dog\\&quot;, array(\\&quot;width\\&quot;=&gt;300, \\&quot;height\\&quot;=&gt;200, \\&quot;background\\&quot;=&gt;\\&quot;#0e4167\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;pad\\&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(200).background(\\&quot;#0e4167\\&quot;).crop(\\&quot;pad\\&quot;)).videoTag(\\&quot;funny_dog\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(300).height(200).background(\\&quot;#0e4167\\&quot;).crop(\\&quot;pad\\&quot;)).videoTag(\\&quot;funny_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;funny_dog\\&quot;, width: 300, height: 200, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;funny_dog\\&quot;, width: 300, height: 200, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&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(200).Background(\\&quot;#0e4167\\&quot;).Crop(\\&quot;pad\\&quot;)).BuildVideoTag(\\&quot;funny_dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Width(300).Height(200).Background(\\&quot;#0e4167\\&quot;).Crop(\\&quot;pad\\&quot;)).BuildVideoTag(\\&quot;funny_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;funny_dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(300)\\n.height(200)\\n\\t.background(\\n\\tBackground.color(Color.rgb(\\&quot;0e4167\\&quot;)))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;funny_dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(300)\\n.height(200)\\n\\t.background(\\n\\tBackground.color(Color.rgb(\\&quot;0e4167\\&quot;)))\\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(300).setHeight(200).setBackground(\\&quot;#0e4167\\&quot;).setCrop(\\&quot;pad\\&quot;)).generate(\\&quot;funny_dog.mp4\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setWidth(300).setHeight(200).setBackground(\\&quot;#0e4167\\&quot;).setCrop(\\&quot;pad\\&quot;)).generate(\\&quot;funny_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(300).height(200).background(\\&quot;#0e4167\\&quot;).crop(\\&quot;pad\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(300).height(200).background(\\&quot;#0e4167\\&quot;).crop(\\&quot;pad\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_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;funny_dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(300)\\n.height(200)\\n\\t.background(\\n\\tBackground.color(Color.rgb(\\&quot;0e4167\\&quot;)))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;funny_dog.mp4&#039;).transformation(Transformation()\\n\\t.resize(Resize.pad().width(300)\\n.height(200)\\n\\t.background(\\n\\tBackground.color(Color.rgb(\\&quot;0e4167\\&quot;)))\\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;funny_dog.mp4\\&quot;)\\n\\t resize(Resize.pad() { width(300)\\n height(200)\\n\\t background(\\n\\tBackground.color(Color.rgb(\\&quot;0e4167\\&quot;)))\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;funny_dog.mp4\\&quot;)\\n\\t resize(Resize.pad() { width(300)\\n height(200)\\n\\t background(\\n\\tBackground.color(Color.rgb(\\&quot;0e4167\\&quot;)))\\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;funny_dog\\&quot;, {width: 300, height: 200, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;funny_dog\\&quot;, {width: 300, height: 200, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&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;funny_dog.mp4\\&quot;).resize(\\n  pad()\\n    .width(300)\\n    .height(200)\\n    .background(color(\\&quot;#0e4167\\&quot;))\\n);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;).resize(\\n  pad()\\n    .width(300)\\n    .height(200)\\n    .background(color(\\&quot;#0e4167\\&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_300,h_200,c_pad,b_rgb:0e4167\\\/funny_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;300&quot;,&quot;height&quot;:&quot;200&quot;,&quot;crop_mode&quot;:&quot;pad&quot;,&quot;background&quot;:&quot;rgb:0e4167&quot;}],&quot;transformation_string&quot;:&quot;w_300,h_200,c_pad,b_rgb:0e4167&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;funny_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_300,h_200,c_pad,b_rgb:0e4167\/funny_dog.jpg\"\n      \n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_300,h_200,c_pad,b_rgb:0e4167\/vc_h265\/funny_dog.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_300,h_200,c_pad,b_rgb:0e4167\/vc_vp9\/funny_dog.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_300,h_200,c_pad,b_rgb:0e4167\/vc_auto\/funny_dog.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_300,h_200,c_pad,b_rgb:0e4167\/vc_auto\/funny_dog.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<h3>Video overlays, trimming, transcoding and more<\/h3>\n<p>Scale the width to 300 pixels, the height to 200 pixels, set the quality to 40 and add an overlay saying \u201cFunny Dog\u201d in Roboto 30px white text starting at the 3 second mark and 10 pixels from the bottom of the video:<\/p>\n<p><cld-code-widget\n      class=\" c-code-widget\"\n      snippets=\"[{&quot;sdkId&quot;:&quot;nodejs&quot;,&quot;framework&quot;:&quot;nodejs&quot;,&quot;language&quot;:&quot;nodejs&quot;,&quot;rawCodeSnippet&quot;:&quot;cloudinary.video(\\&quot;funny_dog\\&quot;, {transformation: [ {width: 300, height: 200, quality: 40, crop: \\&quot;scale\\&quot;}, {overlay: {font_family: \\&quot;Roboto\\&quot;, font_size: 30, font_weight: \\&quot;bold\\&quot;, text: \\&quot;Funny%20Dog\\&quot;}, color: \\&quot;white\\&quot;, gravity: \\&quot;south\\&quot;, y: 10, start_offset: \\&quot;3\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;funny_dog\\&quot;, {transformation: [\\n  {width: 300, height: 200, quality: 40, crop: \\&quot;scale\\&quot;},\\n  {overlay: {font_family: \\&quot;Roboto\\&quot;, font_size: 30, font_weight: \\&quot;bold\\&quot;, text: \\&quot;Funny%20Dog\\&quot;}, color: \\&quot;white\\&quot;, gravity: \\&quot;south\\&quot;, y: 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;funny_dog.mp4\\&quot;)\\n  .resize(scale().width(300).height(200))\\n  .delivery(quality(40))\\n  .overlay(\\n    source(text(\\&quot;Funny Dog\\&quot;, \\&quot;Roboto_30px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;south\\&quot;))\\n          .offsetY(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;)\\n  .resize(scale().width(300).height(200))\\n  .delivery(quality(40))\\n  .overlay(\\n    source(text(\\&quot;Funny Dog\\&quot;, \\&quot;Roboto_30px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;south\\&quot;))\\n          .offsetY(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;funny_dog\\&quot; &gt; &lt;Transformation width=\\&quot;300\\&quot; height=\\&quot;200\\&quot; quality=\\&quot;40\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;Transformation overlay={{fontFamily: \\&quot;Roboto\\&quot;, fontSize: 30, fontWeight: \\&quot;bold\\&quot;, text: \\&quot;Funny%20Dog\\&quot;}} color=\\&quot;white\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;10\\&quot; startOffset=\\&quot;3\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;funny_dog\\&quot; &gt;\\n\\t&lt;Transformation width=\\&quot;300\\&quot; height=\\&quot;200\\&quot; quality=\\&quot;40\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;Transformation overlay={{fontFamily: \\&quot;Roboto\\&quot;, fontSize: 30, fontWeight: \\&quot;bold\\&quot;, text: \\&quot;Funny%20Dog\\&quot;}} color=\\&quot;white\\&quot; gravity=\\&quot;south\\&quot; y=\\&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;funny_dog.mp4\\&quot;)\\n  .resize(scale().width(300).height(200))\\n  .delivery(quality(40))\\n  .overlay(\\n    source(text(\\&quot;Funny Dog\\&quot;, \\&quot;Roboto_30px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;south\\&quot;))\\n          .offsetY(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;)\\n  .resize(scale().width(300).height(200))\\n  .delivery(quality(40))\\n  .overlay(\\n    source(text(\\&quot;Funny Dog\\&quot;, \\&quot;Roboto_30px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;south\\&quot;))\\n          .offsetY(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;funny_dog\\&quot; &gt; &lt;cld-transformation width=\\&quot;300\\&quot; height=\\&quot;200\\&quot; quality=\\&quot;40\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;cld-transformation :overlay=\\&quot;{fontFamily: &#039;Roboto&#039;, fontSize: 30, fontWeight: &#039;bold&#039;, text: &#039;Funny%20Dog&#039;}\\&quot; color=\\&quot;white\\&quot; gravity=\\&quot;south\\&quot; y=\\&quot;10\\&quot; start-offset=\\&quot;3\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;funny_dog\\&quot; &gt;\\n\\t&lt;cld-transformation width=\\&quot;300\\&quot; height=\\&quot;200\\&quot; quality=\\&quot;40\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;{fontFamily: &#039;Roboto&#039;, fontSize: 30, fontWeight: &#039;bold&#039;, text: &#039;Funny%20Dog&#039;}\\&quot; color=\\&quot;white\\&quot; gravity=\\&quot;south\\&quot; y=\\&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;funny_dog.mp4\\&quot;)\\n  .resize(scale().width(300).height(200))\\n  .delivery(quality(40))\\n  .overlay(\\n    source(text(\\&quot;Funny Dog\\&quot;, \\&quot;Roboto_30px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;south\\&quot;))\\n          .offsetY(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;)\\n  .resize(scale().width(300).height(200))\\n  .delivery(quality(40))\\n  .overlay(\\n    source(text(\\&quot;Funny Dog\\&quot;, \\&quot;Roboto_30px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;south\\&quot;))\\n          .offsetY(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;funny_dog\\&quot; &gt; &lt;cl-transformation width=\\&quot;300\\&quot; height=\\&quot;200\\&quot; quality=\\&quot;40\\&quot; crop=\\&quot;scale\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation overlay=\\&quot;text:Roboto_30px_bold:Funny%20Dog\\&quot; color=\\&quot;white\\&quot; gravity=\\&quot;south\\&quot; y=\\&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;funny_dog\\&quot; &gt;\\n\\t&lt;cl-transformation width=\\&quot;300\\&quot; height=\\&quot;200\\&quot; quality=\\&quot;40\\&quot; crop=\\&quot;scale\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation overlay=\\&quot;text:Roboto_30px_bold:Funny%20Dog\\&quot; color=\\&quot;white\\&quot; gravity=\\&quot;south\\&quot; y=\\&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;funny_dog.mp4\\&quot;)\\n  .resize(scale().width(300).height(200))\\n  .delivery(quality(40))\\n  .overlay(\\n    source(text(\\&quot;Funny Dog\\&quot;, \\&quot;Roboto_30px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;south\\&quot;))\\n          .offsetY(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;)\\n  .resize(scale().width(300).height(200))\\n  .delivery(quality(40))\\n  .overlay(\\n    source(text(\\&quot;Funny Dog\\&quot;, \\&quot;Roboto_30px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;south\\&quot;))\\n          .offsetY(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;funny_dog&#039;, {transformation: [ {width: 300, height: 200, quality: 40, crop: \\&quot;scale\\&quot;}, {overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(30).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Funny%20Dog\\&quot;), color: \\&quot;white\\&quot;, gravity: \\&quot;south\\&quot;, y: 10, startOffset: \\&quot;3\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;funny_dog&#039;, {transformation: [\\n  {width: 300, height: 200, quality: 40, crop: \\&quot;scale\\&quot;},\\n  {overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(30).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Funny%20Dog\\&quot;), color: \\&quot;white\\&quot;, gravity: \\&quot;south\\&quot;, y: 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;funny_dog\\&quot;).video(transformation=[ {&#039;width&#039;: 300, &#039;height&#039;: 200, &#039;quality&#039;: 40, &#039;crop&#039;: \\&quot;scale\\&quot;}, {&#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Roboto\\&quot;, &#039;font_size&#039;: 30, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;text&#039;: \\&quot;Funny%20Dog\\&quot;}, &#039;color&#039;: \\&quot;white\\&quot;, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;y&#039;: 10, &#039;start_offset&#039;: \\&quot;3\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;funny_dog\\&quot;).video(transformation=[\\n  {&#039;width&#039;: 300, &#039;height&#039;: 200, &#039;quality&#039;: 40, &#039;crop&#039;: \\&quot;scale\\&quot;},\\n  {&#039;overlay&#039;: {&#039;font_family&#039;: \\&quot;Roboto\\&quot;, &#039;font_size&#039;: 30, &#039;font_weight&#039;: \\&quot;bold\\&quot;, &#039;text&#039;: \\&quot;Funny%20Dog\\&quot;}, &#039;color&#039;: \\&quot;white\\&quot;, &#039;gravity&#039;: \\&quot;south\\&quot;, &#039;y&#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;funny_dog.mp4&#039;))\\n\\t-&gt;resize(Resize::scale()-&gt;width(300)\\n-&gt;height(200))\\n\\t-&gt;delivery(Delivery::quality(40))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;Funny Dog\\&quot;,\\&quot;Roboto_30px_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::south()))\\n-&gt;offsetY(10))\\n\\t-&gt;timeline(\\n\\tTimeline::position()-&gt;startOffset(3.0))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;funny_dog.mp4&#039;))\\n\\t-&gt;resize(Resize::scale()-&gt;width(300)\\n-&gt;height(200))\\n\\t-&gt;delivery(Delivery::quality(40))\\n\\t-&gt;overlay(Overlay::source(\\n\\tSource::text(\\&quot;Funny Dog\\&quot;,\\&quot;Roboto_30px_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::south()))\\n-&gt;offsetY(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;funny_dog\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;width\\&quot;=&gt;300, \\&quot;height\\&quot;=&gt;200, \\&quot;quality\\&quot;=&gt;40, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;), array(\\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Roboto\\&quot;, \\&quot;font_size\\&quot;=&gt;30, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;text\\&quot;=&gt;\\&quot;Funny%20Dog\\&quot;), \\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;y\\&quot;=&gt;10, \\&quot;start_offset\\&quot;=&gt;\\&quot;3\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;funny_dog\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;width\\&quot;=&gt;300, \\&quot;height\\&quot;=&gt;200, \\&quot;quality\\&quot;=&gt;40, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;),\\n  array(\\&quot;overlay\\&quot;=&gt;array(\\&quot;font_family\\&quot;=&gt;\\&quot;Roboto\\&quot;, \\&quot;font_size\\&quot;=&gt;30, \\&quot;font_weight\\&quot;=&gt;\\&quot;bold\\&quot;, \\&quot;text\\&quot;=&gt;\\&quot;Funny%20Dog\\&quot;), \\&quot;color\\&quot;=&gt;\\&quot;white\\&quot;, \\&quot;gravity\\&quot;=&gt;\\&quot;south\\&quot;, \\&quot;y\\&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().width(300).height(200).quality(40).crop(\\&quot;scale\\&quot;).chain() .overlay(new TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(30).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Funny%20Dog\\&quot;)).color(\\&quot;white\\&quot;).gravity(\\&quot;south\\&quot;).y(10).startOffset(\\&quot;3\\&quot;)).videoTag(\\&quot;funny_dog\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .width(300).height(200).quality(40).crop(\\&quot;scale\\&quot;).chain()\\n  .overlay(new TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(30).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Funny%20Dog\\&quot;)).color(\\&quot;white\\&quot;).gravity(\\&quot;south\\&quot;).y(10).startOffset(\\&quot;3\\&quot;)).videoTag(\\&quot;funny_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;funny_dog\\&quot;, transformation: [ {width: 300, height: 200, quality: 40, crop: \\&quot;scale\\&quot;}, {overlay: {font_family: \\&quot;Roboto\\&quot;, font_size: 30, font_weight: \\&quot;bold\\&quot;, text: \\&quot;Funny%20Dog\\&quot;}, color: \\&quot;white\\&quot;, gravity: \\&quot;south\\&quot;, y: 10, start_offset: \\&quot;3\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;funny_dog\\&quot;, transformation: [\\n  {width: 300, height: 200, quality: 40, crop: \\&quot;scale\\&quot;},\\n  {overlay: {font_family: \\&quot;Roboto\\&quot;, font_size: 30, font_weight: \\&quot;bold\\&quot;, text: \\&quot;Funny%20Dog\\&quot;}, color: \\&quot;white\\&quot;, gravity: \\&quot;south\\&quot;, y: 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().Width(300).Height(200).Quality(40).Crop(\\&quot;scale\\&quot;).Chain() .Overlay(new TextLayer().FontFamily(\\&quot;Roboto\\&quot;).FontSize(30).FontWeight(\\&quot;bold\\&quot;).Text(\\&quot;Funny%20Dog\\&quot;)).Color(\\&quot;white\\&quot;).Gravity(\\&quot;south\\&quot;).Y(10).StartOffset(\\&quot;3\\&quot;)).BuildVideoTag(\\&quot;funny_dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation()\\n  .Width(300).Height(200).Quality(40).Crop(\\&quot;scale\\&quot;).Chain()\\n  .Overlay(new TextLayer().FontFamily(\\&quot;Roboto\\&quot;).FontSize(30).FontWeight(\\&quot;bold\\&quot;).Text(\\&quot;Funny%20Dog\\&quot;)).Color(\\&quot;white\\&quot;).Gravity(\\&quot;south\\&quot;).Y(10).StartOffset(\\&quot;3\\&quot;)).BuildVideoTag(\\&quot;funny_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;funny_dog.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;w_300,h_200,q_40\\\/l_text:Roboto_30px_bold:Funny Dog,co_white,g_south,y_10,so_3\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;funny_dog.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;w_300,h_200,q_40\\\/l_text:Roboto_30px_bold:Funny Dog,co_white,g_south,y_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().setWidth(300).setHeight(200).setQuality(40).setCrop(\\&quot;scale\\&quot;).chain() .setOverlay(\\&quot;text:Roboto_30px_bold:Funny%20Dog\\&quot;).setColor(\\&quot;white\\&quot;).setGravity(\\&quot;south\\&quot;).setY(10).setStartOffset(\\&quot;3\\&quot;)).generate(\\&quot;funny_dog.mp4\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation()\\n  .setWidth(300).setHeight(200).setQuality(40).setCrop(\\&quot;scale\\&quot;).chain()\\n  .setOverlay(\\&quot;text:Roboto_30px_bold:Funny%20Dog\\&quot;).setColor(\\&quot;white\\&quot;).setGravity(\\&quot;south\\&quot;).setY(10).setStartOffset(\\&quot;3\\&quot;)).generate(\\&quot;funny_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(300).height(200).quality(40).crop(\\&quot;scale\\&quot;).chain() .overlay(new TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(30).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Funny%20Dog\\&quot;)).color(\\&quot;white\\&quot;).gravity(\\&quot;south\\&quot;).y(10).startOffset(\\&quot;3\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_dog.mp4\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .width(300).height(200).quality(40).crop(\\&quot;scale\\&quot;).chain()\\n  .overlay(new TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(30).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Funny%20Dog\\&quot;)).color(\\&quot;white\\&quot;).gravity(\\&quot;south\\&quot;).y(10).startOffset(\\&quot;3\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_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;funny_dog.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;w_300,h_200,q_40\\\/l_text:Roboto_30px_bold:Funny Dog,co_white,g_south,y_10,so_3\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;funny_dog.mp4&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;w_300,h_200,q_40\\\/l_text:Roboto_30px_bold:Funny Dog,co_white,g_south,y_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;funny_dog.mp4\\&quot;)\\n\\t resize(Resize.scale() { width(300)\\n height(200) })\\n\\t delivery(Delivery.quality(40))\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;Funny Dog\\&quot;,\\&quot;Roboto_30px_bold\\&quot;) {\\n\\t textColor(Color.WHITE)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n offsetY(10) })\\n\\t timeline(\\n\\tTimeline.position() { startOffset(3.0F) })\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;funny_dog.mp4\\&quot;)\\n\\t resize(Resize.scale() { width(300)\\n height(200) })\\n\\t delivery(Delivery.quality(40))\\n\\t overlay(Overlay.source(\\n\\tSource.text(\\&quot;Funny Dog\\&quot;,\\&quot;Roboto_30px_bold\\&quot;) {\\n\\t textColor(Color.WHITE)\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.south()))\\n offsetY(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;funny_dog\\&quot;, {transformation: [ {width: 300, height: 200, quality: 40, crop: \\&quot;scale\\&quot;}, {overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(30).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Funny%20Dog\\&quot;), color: \\&quot;white\\&quot;, gravity: \\&quot;south\\&quot;, y: 10, start_offset: \\&quot;3\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;funny_dog\\&quot;, {transformation: [\\n  {width: 300, height: 200, quality: 40, crop: \\&quot;scale\\&quot;},\\n  {overlay: new cloudinary.TextLayer().fontFamily(\\&quot;Roboto\\&quot;).fontSize(30).fontWeight(\\&quot;bold\\&quot;).text(\\&quot;Funny%20Dog\\&quot;), color: \\&quot;white\\&quot;, gravity: \\&quot;south\\&quot;, y: 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;funny_dog.mp4\\&quot;)\\n  .resize(scale().width(300).height(200))\\n  .delivery(quality(40))\\n  .overlay(\\n    source(text(\\&quot;Funny Dog\\&quot;, \\&quot;Roboto_30px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;south\\&quot;))\\n          .offsetY(10)\\n      )\\n      .timeline(position().startOffset(\\&quot;3.0\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.mp4\\&quot;)\\n  .resize(scale().width(300).height(200))\\n  .delivery(quality(40))\\n  .overlay(\\n    source(text(\\&quot;Funny Dog\\&quot;, \\&quot;Roboto_30px_bold\\&quot;).textColor(\\&quot;white\\&quot;))\\n      .position(\\n        new Position()\\n          .gravity(compass(\\&quot;south\\&quot;))\\n          .offsetY(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\\\/w_300,h_200,q_40\\\/l_text:Roboto_30px_bold:Funny%20Dog,co_white,g_south,y_10,so_3\\\/funny_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;300&quot;,&quot;height&quot;:&quot;200&quot;,&quot;quality&quot;:&quot;40&quot;},{&quot;overlay&quot;:&quot;text:Roboto_30px_bold:Funny Dog&quot;,&quot;color&quot;:&quot;white&quot;,&quot;gravity&quot;:&quot;south&quot;,&quot;y&quot;:&quot;10&quot;,&quot;start_offset&quot;:&quot;3&quot;}],&quot;transformation_string&quot;:&quot;w_300,h_200,q_40\\\/l_text:Roboto_30px_bold:Funny Dog,co_white,g_south,y_10,so_3&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;funny_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_300,h_200,q_40\/l_text:Roboto_30px_bold:Funny%20Dog,co_white,g_south,y_10,so_3\/funny_dog.jpg\"\n      \n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_300,h_200,q_40\/l_text:Roboto_30px_bold:Funny Dog,co_white,g_south,y_10,so_3\/vc_h265\/funny_dog.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_300,h_200,q_40\/l_text:Roboto_30px_bold:Funny Dog,co_white,g_south,y_10,so_3\/vc_vp9\/funny_dog.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_300,h_200,q_40\/l_text:Roboto_30px_bold:Funny Dog,co_white,g_south,y_10,so_3\/vc_auto\/funny_dog.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_300,h_200,q_40\/l_text:Roboto_30px_bold:Funny Dog,co_white,g_south,y_10,so_3\/vc_auto\/funny_dog.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<p>Transcode the video to the <code>webm<\/code> format and apply the best codec settings for web viewing with the <code>vc_auto<\/code> parameter, add the <code>cloudinary_icon<\/code> image overlay with a width of 160 pixels and 10 pixels from the northeast corner with a brightness of 200% and an opacity of 70%, and adjust the total width to 350 pixels and the height to 150 pixels while padding with a blue background:<\/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;funny_dog\\&quot;, {transformation: [ {video_codec: \\&quot;auto\\&quot;}, {overlay: \\&quot;cloudinary_icon\\&quot;, gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 70, x: 10, y: 10, width: 160}, {width: 350, height: 150, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(\\&quot;funny_dog\\&quot;, {transformation: [\\n  {video_codec: \\&quot;auto\\&quot;},\\n  {overlay: \\&quot;cloudinary_icon\\&quot;, gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 70, x: 10, y: 10, width: 160},\\n  {width: 350, height: 150, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&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;funny_dog.webm\\&quot;)\\n  .transcode(videoCodec(auto()))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(160))\\n          .adjust(opacity(70))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(\\n    pad()\\n      .width(350)\\n      .height(150)\\n      .background(color(\\&quot;#0e4167\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.webm\\&quot;)\\n  .transcode(videoCodec(auto()))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(160))\\n          .adjust(opacity(70))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(\\n    pad()\\n      .width(350)\\n      .height(150)\\n      .background(color(\\&quot;#0e4167\\&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;funny_dog\\&quot; &gt; &lt;Transformation videoCodec=\\&quot;auto\\&quot; \\\/&gt; &lt;Transformation overlay=\\&quot;cloudinary_icon\\&quot; gravity=\\&quot;north_east\\&quot; effect=\\&quot;brightness:200\\&quot; opacity=\\&quot;70\\&quot; x=\\&quot;10\\&quot; y=\\&quot;10\\&quot; width=\\&quot;160\\&quot; \\\/&gt; &lt;Transformation width=\\&quot;350\\&quot; height=\\&quot;150\\&quot; background=\\&quot;#0e4167\\&quot; crop=\\&quot;pad\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;funny_dog\\&quot; &gt;\\n\\t&lt;Transformation videoCodec=\\&quot;auto\\&quot; \\\/&gt;\\n\\t&lt;Transformation overlay=\\&quot;cloudinary_icon\\&quot; gravity=\\&quot;north_east\\&quot; effect=\\&quot;brightness:200\\&quot; opacity=\\&quot;70\\&quot; x=\\&quot;10\\&quot; y=\\&quot;10\\&quot; width=\\&quot;160\\&quot; \\\/&gt;\\n\\t&lt;Transformation width=\\&quot;350\\&quot; height=\\&quot;150\\&quot; background=\\&quot;#0e4167\\&quot; crop=\\&quot;pad\\&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;funny_dog.webm\\&quot;)\\n  .transcode(videoCodec(auto()))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(160))\\n          .adjust(opacity(70))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(\\n    pad()\\n      .width(350)\\n      .height(150)\\n      .background(color(\\&quot;#0e4167\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.webm\\&quot;)\\n  .transcode(videoCodec(auto()))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(160))\\n          .adjust(opacity(70))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(\\n    pad()\\n      .width(350)\\n      .height(150)\\n      .background(color(\\&quot;#0e4167\\&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;funny_dog\\&quot; &gt; &lt;cld-transformation video-codec=\\&quot;auto\\&quot; \\\/&gt; &lt;cld-transformation :overlay=\\&quot;cloudinary_icon\\&quot; gravity=\\&quot;north_east\\&quot; effect=\\&quot;brightness:200\\&quot; opacity=\\&quot;70\\&quot; x=\\&quot;10\\&quot; y=\\&quot;10\\&quot; width=\\&quot;160\\&quot; \\\/&gt; &lt;cld-transformation width=\\&quot;350\\&quot; height=\\&quot;150\\&quot; background=\\&quot;#0e4167\\&quot; crop=\\&quot;pad\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;funny_dog\\&quot; &gt;\\n\\t&lt;cld-transformation video-codec=\\&quot;auto\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;cloudinary_icon\\&quot; gravity=\\&quot;north_east\\&quot; effect=\\&quot;brightness:200\\&quot; opacity=\\&quot;70\\&quot; x=\\&quot;10\\&quot; y=\\&quot;10\\&quot; width=\\&quot;160\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation width=\\&quot;350\\&quot; height=\\&quot;150\\&quot; background=\\&quot;#0e4167\\&quot; crop=\\&quot;pad\\&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;funny_dog.webm\\&quot;)\\n  .transcode(videoCodec(auto()))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(160))\\n          .adjust(opacity(70))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(\\n    pad()\\n      .width(350)\\n      .height(150)\\n      .background(color(\\&quot;#0e4167\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.webm\\&quot;)\\n  .transcode(videoCodec(auto()))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(160))\\n          .adjust(opacity(70))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(\\n    pad()\\n      .width(350)\\n      .height(150)\\n      .background(color(\\&quot;#0e4167\\&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;funny_dog\\&quot; &gt; &lt;cl-transformation video-codec=\\&quot;auto\\&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;70\\&quot; x=\\&quot;10\\&quot; y=\\&quot;10\\&quot; width=\\&quot;160\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation width=\\&quot;350\\&quot; height=\\&quot;150\\&quot; background=\\&quot;#0e4167\\&quot; crop=\\&quot;pad\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;funny_dog\\&quot; &gt;\\n\\t&lt;cl-transformation video-codec=\\&quot;auto\\&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;70\\&quot; x=\\&quot;10\\&quot; y=\\&quot;10\\&quot; width=\\&quot;160\\&quot;&gt;\\n\\t&lt;\\\/cl-transformation&gt;\\n\\t&lt;cl-transformation width=\\&quot;350\\&quot; height=\\&quot;150\\&quot; background=\\&quot;#0e4167\\&quot; crop=\\&quot;pad\\&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;funny_dog.webm\\&quot;)\\n  .transcode(videoCodec(auto()))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(160))\\n          .adjust(opacity(70))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(\\n    pad()\\n      .width(350)\\n      .height(150)\\n      .background(color(\\&quot;#0e4167\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.webm\\&quot;)\\n  .transcode(videoCodec(auto()))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(160))\\n          .adjust(opacity(70))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(\\n    pad()\\n      .width(350)\\n      .height(150)\\n      .background(color(\\&quot;#0e4167\\&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;funny_dog&#039;, {transformation: [ {videoCodec: \\&quot;auto\\&quot;}, {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 70, x: 10, y: 10, width: 160}, {width: 350, height: 150, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;funny_dog&#039;, {transformation: [\\n  {videoCodec: \\&quot;auto\\&quot;},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 70, x: 10, y: 10, width: 160},\\n  {width: 350, height: 150, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&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;funny_dog\\&quot;).video(transformation=[ {&#039;video_codec&#039;: \\&quot;auto\\&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;: 70, &#039;x&#039;: 10, &#039;y&#039;: 10, &#039;width&#039;: 160}, {&#039;width&#039;: 350, &#039;height&#039;: 150, &#039;background&#039;: \\&quot;#0e4167\\&quot;, &#039;crop&#039;: \\&quot;pad\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;funny_dog\\&quot;).video(transformation=[\\n  {&#039;video_codec&#039;: \\&quot;auto\\&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;: 70, &#039;x&#039;: 10, &#039;y&#039;: 10, &#039;width&#039;: 160},\\n  {&#039;width&#039;: 350, &#039;height&#039;: 150, &#039;background&#039;: \\&quot;#0e4167\\&quot;, &#039;crop&#039;: \\&quot;pad\\&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;funny_dog.webm&#039;))\\n\\t-&gt;transcode(Transcode::videoCodec(\\n\\tVideoCodec::auto()))\\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(160))\\n\\t-&gt;adjust(Adjust::opacity(70))\\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(10)\\n-&gt;offsetY(10))\\n\\t)\\n\\t-&gt;resize(Resize::pad()-&gt;width(350)\\n-&gt;height(150)\\n\\t-&gt;background(\\n\\tBackground::color(Color::rgb(\\&quot;0e4167\\&quot;)))\\n\\t);&quot;,&quot;codeSnippet&quot;:&quot;(new VideoTag(&#039;funny_dog.webm&#039;))\\n\\t-&gt;transcode(Transcode::videoCodec(\\n\\tVideoCodec::auto()))\\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(160))\\n\\t-&gt;adjust(Adjust::opacity(70))\\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(10)\\n-&gt;offsetY(10))\\n\\t)\\n\\t-&gt;resize(Resize::pad()-&gt;width(350)\\n-&gt;height(150)\\n\\t-&gt;background(\\n\\tBackground::color(Color::rgb(\\&quot;0e4167\\&quot;)))\\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;funny_dog\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array( array(\\&quot;video_codec\\&quot;=&gt;\\&quot;auto\\&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;70, \\&quot;x\\&quot;=&gt;10, \\&quot;y\\&quot;=&gt;10, \\&quot;width\\&quot;=&gt;160), array(\\&quot;width\\&quot;=&gt;350, \\&quot;height\\&quot;=&gt;150, \\&quot;background\\&quot;=&gt;\\&quot;#0e4167\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;pad\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;funny_dog\\&quot;, array(\\&quot;transformation\\&quot;=&gt;array(\\n  array(\\&quot;video_codec\\&quot;=&gt;\\&quot;auto\\&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;70, \\&quot;x\\&quot;=&gt;10, \\&quot;y\\&quot;=&gt;10, \\&quot;width\\&quot;=&gt;160),\\n  array(\\&quot;width\\&quot;=&gt;350, \\&quot;height\\&quot;=&gt;150, \\&quot;background\\&quot;=&gt;\\&quot;#0e4167\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;pad\\&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().videoCodec(\\&quot;auto\\&quot;).chain() .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).gravity(\\&quot;north_east\\&quot;).effect(\\&quot;brightness:200\\&quot;).opacity(70).x(10).y(10).width(160).chain() .width(350).height(150).background(\\&quot;#0e4167\\&quot;).crop(\\&quot;pad\\&quot;)).videoTag(\\&quot;funny_dog\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation()\\n  .videoCodec(\\&quot;auto\\&quot;).chain()\\n  .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).gravity(\\&quot;north_east\\&quot;).effect(\\&quot;brightness:200\\&quot;).opacity(70).x(10).y(10).width(160).chain()\\n  .width(350).height(150).background(\\&quot;#0e4167\\&quot;).crop(\\&quot;pad\\&quot;)).videoTag(\\&quot;funny_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;funny_dog\\&quot;, transformation: [ {video_codec: \\&quot;auto\\&quot;}, {overlay: \\&quot;cloudinary_icon\\&quot;, gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 70, x: 10, y: 10, width: 160}, {width: 350, height: 150, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_video_tag(\\&quot;funny_dog\\&quot;, transformation: [\\n  {video_codec: \\&quot;auto\\&quot;},\\n  {overlay: \\&quot;cloudinary_icon\\&quot;, gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 70, x: 10, y: 10, width: 160},\\n  {width: 350, height: 150, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&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().VideoCodec(\\&quot;auto\\&quot;).Chain() .Overlay(new Layer().PublicId(\\&quot;cloudinary_icon\\&quot;)).Gravity(\\&quot;north_east\\&quot;).Effect(\\&quot;brightness:200\\&quot;).Opacity(70).X(10).Y(10).Width(160).Chain() .Width(350).Height(150).Background(\\&quot;#0e4167\\&quot;).Crop(\\&quot;pad\\&quot;)).BuildVideoTag(\\&quot;funny_dog\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation()\\n  .VideoCodec(\\&quot;auto\\&quot;).Chain()\\n  .Overlay(new Layer().PublicId(\\&quot;cloudinary_icon\\&quot;)).Gravity(\\&quot;north_east\\&quot;).Effect(\\&quot;brightness:200\\&quot;).Opacity(70).X(10).Y(10).Width(160).Chain()\\n  .Width(350).Height(150).Background(\\&quot;#0e4167\\&quot;).Crop(\\&quot;pad\\&quot;)).BuildVideoTag(\\&quot;funny_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;funny_dog.webm&#039;).transformation(Transformation()\\n\\t.transcode(Transcode.videoCodec(\\n\\tVideoCodec.auto()))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;cloudinary_icon\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.scale().width(160))\\n\\t.adjust(Adjust.opacity(70))\\n\\t.adjust(Adjust.brightness().level(200)))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n.offsetX(10)\\n.offsetY(10))\\n\\t)\\n\\t.resize(Resize.pad().width(350)\\n.height(150)\\n\\t.background(\\n\\tBackground.color(Color.rgb(\\&quot;0e4167\\&quot;)))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;funny_dog.webm&#039;).transformation(Transformation()\\n\\t.transcode(Transcode.videoCodec(\\n\\tVideoCodec.auto()))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;cloudinary_icon\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.scale().width(160))\\n\\t.adjust(Adjust.opacity(70))\\n\\t.adjust(Adjust.brightness().level(200)))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n.offsetX(10)\\n.offsetY(10))\\n\\t)\\n\\t.resize(Resize.pad().width(350)\\n.height(150)\\n\\t.background(\\n\\tBackground.color(Color.rgb(\\&quot;0e4167\\&quot;)))\\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().setVideoCodec(\\&quot;auto\\&quot;).chain() .setOverlay(\\&quot;cloudinary_icon\\&quot;).setGravity(\\&quot;north_east\\&quot;).setEffect(\\&quot;brightness:200\\&quot;).setOpacity(70).setX(10).setY(10).setWidth(160).chain() .setWidth(350).setHeight(150).setBackground(\\&quot;#0e4167\\&quot;).setCrop(\\&quot;pad\\&quot;)).generate(\\&quot;funny_dog.webm\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation()\\n  .setVideoCodec(\\&quot;auto\\&quot;).chain()\\n  .setOverlay(\\&quot;cloudinary_icon\\&quot;).setGravity(\\&quot;north_east\\&quot;).setEffect(\\&quot;brightness:200\\&quot;).setOpacity(70).setX(10).setY(10).setWidth(160).chain()\\n  .setWidth(350).setHeight(150).setBackground(\\&quot;#0e4167\\&quot;).setCrop(\\&quot;pad\\&quot;)).generate(\\&quot;funny_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().videoCodec(\\&quot;auto\\&quot;).chain() .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).gravity(\\&quot;north_east\\&quot;).effect(\\&quot;brightness:200\\&quot;).opacity(70).x(10).y(10).width(160).chain() .width(350).height(150).background(\\&quot;#0e4167\\&quot;).crop(\\&quot;pad\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_dog.webm\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation()\\n  .videoCodec(\\&quot;auto\\&quot;).chain()\\n  .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).gravity(\\&quot;north_east\\&quot;).effect(\\&quot;brightness:200\\&quot;).opacity(70).x(10).y(10).width(160).chain()\\n  .width(350).height(150).background(\\&quot;#0e4167\\&quot;).crop(\\&quot;pad\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_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;funny_dog.webm&#039;).transformation(Transformation()\\n\\t.transcode(Transcode.videoCodec(\\n\\tVideoCodec.auto()))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;cloudinary_icon\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.scale().width(160))\\n\\t.adjust(Adjust.opacity(70))\\n\\t.adjust(Adjust.brightness().level(200)))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n.offsetX(10)\\n.offsetY(10))\\n\\t)\\n\\t.resize(Resize.pad().width(350)\\n.height(150)\\n\\t.background(\\n\\tBackground.color(Color.rgb(\\&quot;0e4167\\&quot;)))\\n\\t));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video(&#039;funny_dog.webm&#039;).transformation(Transformation()\\n\\t.transcode(Transcode.videoCodec(\\n\\tVideoCodec.auto()))\\n\\t.overlay(Overlay.source(\\n\\tSource.image(\\&quot;cloudinary_icon\\&quot;)\\n\\t.transformation(new Transformation()\\n\\t.resize(Resize.scale().width(160))\\n\\t.adjust(Adjust.opacity(70))\\n\\t.adjust(Adjust.brightness().level(200)))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n.offsetX(10)\\n.offsetY(10))\\n\\t)\\n\\t.resize(Resize.pad().width(350)\\n.height(150)\\n\\t.background(\\n\\tBackground.color(Color.rgb(\\&quot;0e4167\\&quot;)))\\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;funny_dog.webm\\&quot;)\\n\\t transcode(Transcode.videoCodec(\\n\\tVideoCodec.auto()))\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;cloudinary_icon\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.scale() { width(160) })\\n\\t adjust(Adjust.opacity(70))\\n\\t adjust(Adjust.brightness() { level(200) }) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n offsetX(10)\\n offsetY(10) })\\n\\t })\\n\\t resize(Resize.pad() { width(350)\\n height(150)\\n\\t background(\\n\\tBackground.color(Color.rgb(\\&quot;0e4167\\&quot;)))\\n\\t }) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.video {\\n\\tpublicId(\\&quot;funny_dog.webm\\&quot;)\\n\\t transcode(Transcode.videoCodec(\\n\\tVideoCodec.auto()))\\n\\t overlay(Overlay.source(\\n\\tSource.image(\\&quot;cloudinary_icon\\&quot;) {\\n\\t transformation(Transformation {\\n\\t resize(Resize.scale() { width(160) })\\n\\t adjust(Adjust.opacity(70))\\n\\t adjust(Adjust.brightness() { level(200) }) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.northEast()))\\n offsetX(10)\\n offsetY(10) })\\n\\t })\\n\\t resize(Resize.pad() { width(350)\\n height(150)\\n\\t background(\\n\\tBackground.color(Color.rgb(\\&quot;0e4167\\&quot;)))\\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;funny_dog\\&quot;, {transformation: [ {video_codec: \\&quot;auto\\&quot;}, {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 70, x: 10, y: 10, width: 160}, {width: 350, height: 150, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.video(\\&quot;funny_dog\\&quot;, {transformation: [\\n  {video_codec: \\&quot;auto\\&quot;},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), gravity: \\&quot;north_east\\&quot;, effect: \\&quot;brightness:200\\&quot;, opacity: 70, x: 10, y: 10, width: 160},\\n  {width: 350, height: 150, background: \\&quot;#0e4167\\&quot;, crop: \\&quot;pad\\&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;funny_dog.webm\\&quot;)\\n  .transcode(videoCodec(auto()))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(160))\\n          .adjust(opacity(70))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(\\n    pad()\\n      .width(350)\\n      .height(150)\\n      .background(color(\\&quot;#0e4167\\&quot;))\\n  );&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryVideo(\\&quot;funny_dog.webm\\&quot;)\\n  .transcode(videoCodec(auto()))\\n  .overlay(\\n    source(\\n      image(\\&quot;cloudinary_icon\\&quot;).transformation(\\n        new Transformation()\\n          .resize(scale().width(160))\\n          .adjust(opacity(70))\\n          .adjust(brightness().level(200))\\n      )\\n    ).position(\\n      new Position()\\n        .gravity(compass(\\&quot;north_east\\&quot;))\\n        .offsetX(10)\\n        .offsetY(10)\\n    )\\n  )\\n  .resize(\\n    pad()\\n      .width(350)\\n      .height(150)\\n      .background(color(\\&quot;#0e4167\\&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\\\/vc_auto\\\/l_cloudinary_icon,g_north_east,e_brightness:200,o_70,x_10,y_10,w_160\\\/w_350,h_150,c_pad,b_rgb:0e4167\\\/funny_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;video_codec&quot;:&quot;auto&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;70&quot;,&quot;x&quot;:&quot;10&quot;,&quot;y&quot;:&quot;10&quot;,&quot;width&quot;:&quot;160&quot;},{&quot;width&quot;:&quot;350&quot;,&quot;height&quot;:&quot;150&quot;,&quot;crop_mode&quot;:&quot;pad&quot;,&quot;background&quot;:&quot;rgb:0e4167&quot;}],&quot;transformation_string&quot;:&quot;vc_auto\\\/l_cloudinary_icon,g_north_east,e_brightness:200,o_70,x_10,y_10,w_160\\\/w_350,h_150,c_pad,b_rgb:0e4167&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;funny_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\/vc_auto\/l_cloudinary_icon,g_north_east,e_brightness:200,o_70,x_10,y_10,w_160\/w_350,h_150,c_pad,b_rgb:0e4167\/funny_dog.jpg\"\n      \n    >\n      <source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/vc_auto\/l_cloudinary_icon,g_north_east,e_brightness:200,o_70,x_10,y_10,w_160\/w_350,h_150,c_pad,b_rgb:0e4167\/vc_h265\/funny_dog.mp4\" type=\"video\/mp4; codecs=hevc\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/vc_auto\/l_cloudinary_icon,g_north_east,e_brightness:200,o_70,x_10,y_10,w_160\/w_350,h_150,c_pad,b_rgb:0e4167\/vc_vp9\/funny_dog.webm\" type=\"video\/webm; codecs=vp9\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/vc_auto\/l_cloudinary_icon,g_north_east,e_brightness:200,o_70,x_10,y_10,w_160\/w_350,h_150,c_pad,b_rgb:0e4167\/vc_auto\/funny_dog.mp4\" type=\"video\/mp4\">\n<source src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/vc_auto\/l_cloudinary_icon,g_north_east,e_brightness:200,o_70,x_10,y_10,w_160\/w_350,h_150,c_pad,b_rgb:0e4167\/vc_auto\/funny_dog.webm\" type=\"video\/webm\">\n    <\/video><\/p>\n<p>There are plenty of additional video and image manipulation options that you can choose from, we have only shown a few here to give a small taste of how easy it is to manipulate your videos. See our <a href=\"https:\/\/cloudinary.com\/documentation\/video_manipulation_and_delivery\">video documentation<\/a> for more details and examples.<\/p>\n<h2>Creating an image thumbnail from a video<\/h2>\n<p>You can also easily create image thumbnails of any frame in a video and then apply any of Cloudinary\u2019s <a href=\"\/documentation\/image_transformations\">image transformations<\/a> to the result.\nFor example, to create an image thumbnail of the frame at 1 second in the <code>funny_dog<\/code> video in JPG format, scaled to a width of 250 pixels and a height of 150 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.image(\\&quot;funny_dog.jpg\\&quot;, {width: 250, height: 150, start_offset: \\&quot;1\\&quot;, crop: \\&quot;scale\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;funny_dog.jpg\\&quot;, {width: 250, height: 150, start_offset: \\&quot;1\\&quot;, crop: \\&quot;scale\\&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;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;1.0\\&quot;))\\n  .resize(scale().width(250).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;1.0\\&quot;))\\n  .resize(scale().width(250).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;funny_dog.jpg\\&quot; resourceType=\\&quot;video\\&quot;&gt; &lt;Transformation width=\\&quot;250\\&quot; height=\\&quot;150\\&quot; startOffset=\\&quot;1\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;funny_dog.jpg\\&quot; resourceType=\\&quot;video\\&quot;&gt;\\n\\t&lt;Transformation width=\\&quot;250\\&quot; height=\\&quot;150\\&quot; startOffset=\\&quot;1\\&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 CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;1.0\\&quot;))\\n  .resize(scale().width(250).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;1.0\\&quot;))\\n  .resize(scale().width(250).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;funny_dog.jpg\\&quot; resource-type=\\&quot;video\\&quot;&gt; &lt;cld-transformation width=\\&quot;250\\&quot; height=\\&quot;150\\&quot; start-offset=\\&quot;1\\&quot; crop=\\&quot;scale\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;funny_dog.jpg\\&quot; resource-type=\\&quot;video\\&quot;&gt;\\n\\t&lt;cld-transformation width=\\&quot;250\\&quot; height=\\&quot;150\\&quot; start-offset=\\&quot;1\\&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 CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;1.0\\&quot;))\\n  .resize(scale().width(250).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;1.0\\&quot;))\\n  .resize(scale().width(250).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;funny_dog.jpg\\&quot; resource-type=\\&quot;video\\&quot;&gt; &lt;cl-transformation width=\\&quot;250\\&quot; height=\\&quot;150\\&quot; start-offset=\\&quot;1\\&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;funny_dog.jpg\\&quot; resource-type=\\&quot;video\\&quot;&gt;\\n\\t&lt;cl-transformation width=\\&quot;250\\&quot; height=\\&quot;150\\&quot; start-offset=\\&quot;1\\&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 CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;1.0\\&quot;))\\n  .resize(scale().width(250).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;1.0\\&quot;))\\n  .resize(scale().width(250).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;funny_dog.jpg&#039;, {width: 250, height: 150, startOffset: \\&quot;1\\&quot;, crop: \\&quot;scale\\&quot;}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;funny_dog.jpg&#039;, {width: 250, height: 150, startOffset: \\&quot;1\\&quot;, 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;funny_dog.jpg\\&quot;).image(width=250, height=150, start_offset=\\&quot;1\\&quot;, crop=\\&quot;scale\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;funny_dog.jpg\\&quot;).image(width=250, height=150, start_offset=\\&quot;1\\&quot;, 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 ImageTag(&#039;funny_dog.jpg&#039;))\\n\\t-&gt;videoEdit(VideoEdit::trim()-&gt;startOffset(1.0))\\n\\t-&gt;resize(Resize::scale()-&gt;width(250)\\n-&gt;height(150))\\n\\t-&gt;assetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;funny_dog.jpg&#039;))\\n\\t-&gt;videoEdit(VideoEdit::trim()-&gt;startOffset(1.0))\\n\\t-&gt;resize(Resize::scale()-&gt;width(250)\\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;funny_dog.jpg\\&quot;, array(\\&quot;width\\&quot;=&gt;250, \\&quot;height\\&quot;=&gt;150, \\&quot;start_offset\\&quot;=&gt;\\&quot;1\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&quot;, \\&quot;resource_type\\&quot;=&gt;\\&quot;video\\&quot;))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;funny_dog.jpg\\&quot;, array(\\&quot;width\\&quot;=&gt;250, \\&quot;height\\&quot;=&gt;150, \\&quot;start_offset\\&quot;=&gt;\\&quot;1\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;scale\\&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(250).height(150).startOffset(\\&quot;1\\&quot;).crop(\\&quot;scale\\&quot;)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;funny_dog.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.url().transformation(new Transformation().width(250).height(150).startOffset(\\&quot;1\\&quot;).crop(\\&quot;scale\\&quot;)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;funny_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;funny_dog.jpg\\&quot;, width: 250, height: 150, start_offset: \\&quot;1\\&quot;, crop: \\&quot;scale\\&quot;, resource_type: \\&quot;video\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;funny_dog.jpg\\&quot;, width: 250, height: 150, start_offset: \\&quot;1\\&quot;, crop: \\&quot;scale\\&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(250).Height(150).StartOffset(\\&quot;1\\&quot;).Crop(\\&quot;scale\\&quot;)).BuildImageTag(\\&quot;funny_dog.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.Api.UrlVideoUp.Transform(new Transformation().Width(250).Height(150).StartOffset(\\&quot;1\\&quot;).Crop(\\&quot;scale\\&quot;)).BuildImageTag(\\&quot;funny_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;funny_dog.jpg&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.trim().startOffset(&#039;1.0&#039;))\\n\\t.resize(Resize.scale().width(250)\\n.height(150))\\n\\t.setAssetType(\\&quot;video\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;funny_dog.jpg&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.trim().startOffset(&#039;1.0&#039;))\\n\\t.resize(Resize.scale().width(250)\\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(250).setHeight(150).setStartOffset(\\&quot;1\\&quot;).setCrop(\\&quot;scale\\&quot;)).generate(\\&quot;funny_dog.jpg\\&quot;)&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.createUrl().setResourceType(\\&quot;video\\&quot;).setTransformation(CLDTransformation().setWidth(250).setHeight(150).setStartOffset(\\&quot;1\\&quot;).setCrop(\\&quot;scale\\&quot;)).generate(\\&quot;funny_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(250).height(150).startOffset(\\&quot;1\\&quot;).crop(\\&quot;scale\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_dog.jpg\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;MediaManager.get().url().transformation(new Transformation().width(250).height(150).startOffset(\\&quot;1\\&quot;).crop(\\&quot;scale\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_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;funny_dog.jpg&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.trim().startOffset(&#039;1.0&#039;))\\n\\t.resize(Resize.scale().width(250)\\n.height(150))\\n\\t.setAssetType(\\&quot;video\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;funny_dog.jpg&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.trim().startOffset(&#039;1.0&#039;))\\n\\t.resize(Resize.scale().width(250)\\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;funny_dog.jpg\\&quot;)\\n\\t videoEdit(VideoEdit.trim() { startOffset(1.0F) })\\n\\t resize(Resize.scale() { width(250)\\n height(150) })\\n\\t assetType(\\&quot;video\\&quot;) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;funny_dog.jpg\\&quot;)\\n\\t videoEdit(VideoEdit.trim() { startOffset(1.0F) })\\n\\t resize(Resize.scale() { width(250)\\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;funny_dog.jpg\\&quot;, {width: 250, height: 150, start_offset: \\&quot;1\\&quot;, crop: \\&quot;scale\\&quot;, resource_type: \\&quot;video\\&quot;})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;funny_dog.jpg\\&quot;, {width: 250, height: 150, start_offset: \\&quot;1\\&quot;, crop: \\&quot;scale\\&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;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;1.0\\&quot;))\\n  .resize(scale().width(250).height(150))\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;1.0\\&quot;))\\n  .resize(scale().width(250).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_250,h_150,c_scale,so_1\\\/funny_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;250&quot;,&quot;height&quot;:&quot;150&quot;,&quot;crop_mode&quot;:&quot;scale&quot;,&quot;start_offset&quot;:&quot;1&quot;}],&quot;transformation_string&quot;:&quot;w_250,h_150,c_scale,so_1&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;funny_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_250,h_150,c_scale,so_1\/funny_dog.jpg\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/video\/upload\/w_250,h_150,c_scale,so_1\/funny_dog.jpg\" alt=\"jpg created from funny_dog.mp4 scaled to 250x150\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"250\" height=\"150\"\/><\/a><\/p>\n<p>To create a circular 300&#215;300 sharpened image thumbnail in <a href=\"https:\/\/cloudinary.com\/tools\/compress-jpg\">JPG<\/a> format of the frame at the 15% mark of the <code>funny_dog<\/code> video, and then adding the <code>cloudinary_icon<\/code> image overlay with a north gravity and resizing to a width of 50% of the total image with 40% opacity:<\/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;funny_dog.jpg\\&quot;, {resource_type: \\&quot;video\\&quot;, transformation: [ {width: 300, height: 300, radius: \\&quot;max\\&quot;, effect: \\&quot;sharpen\\&quot;, start_offset: \\&quot;15p\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: \\&quot;cloudinary_icon\\&quot;, width: \\&quot;0.5\\&quot;, flags: \\&quot;relative\\&quot;, opacity: 40, gravity: \\&quot;north\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(\\&quot;funny_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;15p\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: \\&quot;cloudinary_icon\\&quot;, width: \\&quot;0.5\\&quot;, flags: \\&quot;relative\\&quot;, opacity: 40, gravity: \\&quot;north\\&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 CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;15%\\&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.5).relative())\\n          .adjust(opacity(40))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;north\\&quot;)))\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;15%\\&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.5).relative())\\n          .adjust(opacity(40))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;north\\&quot;)))\\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;funny_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;15p\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;Transformation overlay=\\&quot;cloudinary_icon\\&quot; width=\\&quot;0.5\\&quot; flags=\\&quot;relative\\&quot; opacity=\\&quot;40\\&quot; gravity=\\&quot;north\\&quot; \\\/&gt; &lt;\\\/Video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;Video publicId=\\&quot;funny_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;15p\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;Transformation overlay=\\&quot;cloudinary_icon\\&quot; width=\\&quot;0.5\\&quot; flags=\\&quot;relative\\&quot; opacity=\\&quot;40\\&quot; gravity=\\&quot;north\\&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;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;15%\\&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.5).relative())\\n          .adjust(opacity(40))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;north\\&quot;)))\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;15%\\&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.5).relative())\\n          .adjust(opacity(40))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;north\\&quot;)))\\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;funny_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;15p\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt; &lt;cld-transformation :overlay=\\&quot;cloudinary_icon\\&quot; width=\\&quot;0.5\\&quot; flags=\\&quot;relative\\&quot; opacity=\\&quot;40\\&quot; gravity=\\&quot;north\\&quot; \\\/&gt; &lt;\\\/cld-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cld-video public-id=\\&quot;funny_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;15p\\&quot; crop=\\&quot;fill\\&quot; \\\/&gt;\\n\\t&lt;cld-transformation :overlay=\\&quot;cloudinary_icon\\&quot; width=\\&quot;0.5\\&quot; flags=\\&quot;relative\\&quot; opacity=\\&quot;40\\&quot; gravity=\\&quot;north\\&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;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;15%\\&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.5).relative())\\n          .adjust(opacity(40))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;north\\&quot;)))\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;15%\\&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.5).relative())\\n          .adjust(opacity(40))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;north\\&quot;)))\\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;funny_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;15p\\&quot; crop=\\&quot;fill\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;cl-transformation overlay=\\&quot;cloudinary_icon\\&quot; width=\\&quot;0.5\\&quot; flags=\\&quot;relative\\&quot; opacity=\\&quot;40\\&quot; gravity=\\&quot;north\\&quot;&gt; &lt;\\\/cl-transformation&gt; &lt;\\\/cl-video&gt;&quot;,&quot;codeSnippet&quot;:&quot;&lt;cl-video public-id=\\&quot;funny_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;15p\\&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.5\\&quot; flags=\\&quot;relative\\&quot; opacity=\\&quot;40\\&quot; gravity=\\&quot;north\\&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;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;15%\\&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.5).relative())\\n          .adjust(opacity(40))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;north\\&quot;)))\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;15%\\&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.5).relative())\\n          .adjust(opacity(40))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;north\\&quot;)))\\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;funny_dog.jpg&#039;, {transformation: [ {width: 300, height: 300, radius: \\&quot;max\\&quot;, effect: \\&quot;sharpen\\&quot;, startOffset: \\&quot;15p\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), width: \\&quot;0.5\\&quot;, flags: \\&quot;relative\\&quot;, opacity: 40, gravity: \\&quot;north\\&quot;} ]}).toHtml();&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.videoTag(&#039;funny_dog.jpg&#039;, {transformation: [\\n  {width: 300, height: 300, radius: \\&quot;max\\&quot;, effect: \\&quot;sharpen\\&quot;, startOffset: \\&quot;15p\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), width: \\&quot;0.5\\&quot;, flags: \\&quot;relative\\&quot;, opacity: 40, gravity: \\&quot;north\\&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;funny_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;15p\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;}, {&#039;overlay&#039;: \\&quot;cloudinary_icon\\&quot;, &#039;width&#039;: \\&quot;0.5\\&quot;, &#039;flags&#039;: \\&quot;relative\\&quot;, &#039;opacity&#039;: 40, &#039;gravity&#039;: \\&quot;north\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;CloudinaryVideo(\\&quot;funny_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;15p\\&quot;, &#039;crop&#039;: \\&quot;fill\\&quot;},\\n  {&#039;overlay&#039;: \\&quot;cloudinary_icon\\&quot;, &#039;width&#039;: \\&quot;0.5\\&quot;, &#039;flags&#039;: \\&quot;relative\\&quot;, &#039;opacity&#039;: 40, &#039;gravity&#039;: \\&quot;north\\&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 ImageTag(&#039;funny_dog.jpg&#039;))\\n\\t-&gt;videoEdit(VideoEdit::trim()-&gt;startOffset(\\&quot;15%\\&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.5)\\n\\t-&gt;relative()\\n\\t)\\n\\t-&gt;adjust(Adjust::opacity(40)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::north()))\\n\\t)\\n\\t)\\n\\t-&gt;assetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;(new ImageTag(&#039;funny_dog.jpg&#039;))\\n\\t-&gt;videoEdit(VideoEdit::trim()-&gt;startOffset(\\&quot;15%\\&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.5)\\n\\t-&gt;relative()\\n\\t)\\n\\t-&gt;adjust(Adjust::opacity(40)))\\n\\t)\\n\\t-&gt;position((new Position())\\n\\t-&gt;gravity(\\n\\tGravity::compass(\\n\\tCompass::north()))\\n\\t)\\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;funny_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;15p\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;), array(\\&quot;overlay\\&quot;=&gt;\\&quot;cloudinary_icon\\&quot;, \\&quot;width\\&quot;=&gt;\\&quot;0.5\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;relative\\&quot;, \\&quot;opacity\\&quot;=&gt;40, \\&quot;gravity\\&quot;=&gt;\\&quot;north\\&quot;) )))&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;funny_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;15p\\&quot;, \\&quot;crop\\&quot;=&gt;\\&quot;fill\\&quot;),\\n  array(\\&quot;overlay\\&quot;=&gt;\\&quot;cloudinary_icon\\&quot;, \\&quot;width\\&quot;=&gt;\\&quot;0.5\\&quot;, \\&quot;flags\\&quot;=&gt;\\&quot;relative\\&quot;, \\&quot;opacity\\&quot;=&gt;40, \\&quot;gravity\\&quot;=&gt;\\&quot;north\\&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().width(300).height(300).radius(\\&quot;max\\&quot;).effect(\\&quot;sharpen\\&quot;).startOffset(\\&quot;15p\\&quot;).crop(\\&quot;fill\\&quot;).chain() .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).width(0.5).flags(\\&quot;relative\\&quot;).opacity(40).gravity(\\&quot;north\\&quot;)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;funny_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;15p\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).width(0.5).flags(\\&quot;relative\\&quot;).opacity(40).gravity(\\&quot;north\\&quot;)).resourceType(\\&quot;video\\&quot;).imageTag(\\&quot;funny_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;funny_dog.jpg\\&quot;, resource_type: \\&quot;video\\&quot;, transformation: [ {width: 300, height: 300, radius: \\&quot;max\\&quot;, effect: \\&quot;sharpen\\&quot;, start_offset: \\&quot;15p\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: \\&quot;cloudinary_icon\\&quot;, width: 0.5, flags: \\&quot;relative\\&quot;, opacity: 40, gravity: \\&quot;north\\&quot;} ])&quot;,&quot;codeSnippet&quot;:&quot;cl_image_tag(\\&quot;funny_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;15p\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: \\&quot;cloudinary_icon\\&quot;, width: 0.5, flags: \\&quot;relative\\&quot;, opacity: 40, gravity: \\&quot;north\\&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().Width(300).Height(300).Radius(\\&quot;max\\&quot;).Effect(\\&quot;sharpen\\&quot;).StartOffset(\\&quot;15p\\&quot;).Crop(\\&quot;fill\\&quot;).Chain() .Overlay(new Layer().PublicId(\\&quot;cloudinary_icon\\&quot;)).Width(0.5).Flags(\\&quot;relative\\&quot;).Opacity(40).Gravity(\\&quot;north\\&quot;)).BuildImageTag(\\&quot;funny_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;15p\\&quot;).Crop(\\&quot;fill\\&quot;).Chain()\\n  .Overlay(new Layer().PublicId(\\&quot;cloudinary_icon\\&quot;)).Width(0.5).Flags(\\&quot;relative\\&quot;).Opacity(40).Gravity(\\&quot;north\\&quot;)).BuildImageTag(\\&quot;funny_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;funny_dog.jpg&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.trim().startOffset(\\&quot;15%\\&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.5)\\n\\t.relative()\\n\\t)\\n\\t.adjust(Adjust.opacity(40)))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\n\\t)\\n\\t)\\n\\t.setAssetType(\\&quot;video\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;funny_dog.jpg&#039;).transformation(Transformation()\\n\\t.videoEdit(VideoEdit.trim().startOffset(\\&quot;15%\\&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.5)\\n\\t.relative()\\n\\t)\\n\\t.adjust(Adjust.opacity(40)))\\n\\t)\\n\\t.position(Position()\\n\\t.gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\n\\t)\\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;15p\\&quot;).setCrop(\\&quot;fill\\&quot;).chain() .setOverlay(\\&quot;cloudinary_icon\\&quot;).setWidth(0.5).setFlags(\\&quot;relative\\&quot;).setOpacity(40).setGravity(\\&quot;north\\&quot;)).generate(\\&quot;funny_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;15p\\&quot;).setCrop(\\&quot;fill\\&quot;).chain()\\n  .setOverlay(\\&quot;cloudinary_icon\\&quot;).setWidth(0.5).setFlags(\\&quot;relative\\&quot;).setOpacity(40).setGravity(\\&quot;north\\&quot;)).generate(\\&quot;funny_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;15p\\&quot;).crop(\\&quot;fill\\&quot;).chain() .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).width(0.5).flags(\\&quot;relative\\&quot;).opacity(40).gravity(\\&quot;north\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_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;15p\\&quot;).crop(\\&quot;fill\\&quot;).chain()\\n  .overlay(new Layer().publicId(\\&quot;cloudinary_icon\\&quot;)).width(0.5).flags(\\&quot;relative\\&quot;).opacity(40).gravity(\\&quot;north\\&quot;)).resourceType(\\&quot;video\\&quot;).generate(\\&quot;funny_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;funny_dog.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;w_300,h_300,c_fill,r_max,e_sharpen,so_15p\\\/l_cloudinary_icon,w_0.5,fl_relative,o_40,g_north\\&quot;)\\n\\t.setAssetType(\\&quot;video\\&quot;));&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image(&#039;funny_dog.jpg&#039;).transformation(Transformation()\\n\\t.addTransformation(\\&quot;w_300,h_300,c_fill,r_max,e_sharpen,so_15p\\\/l_cloudinary_icon,w_0.5,fl_relative,o_40,g_north\\&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;funny_dog.jpg\\&quot;)\\n\\t videoEdit(VideoEdit.trim() { startOffset(\\&quot;15%\\&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.5F)\\n\\t relative()\\n\\t })\\n\\t adjust(Adjust.opacity(40)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\n\\t })\\n\\t })\\n\\t assetType(\\&quot;video\\&quot;) \\n}.generate()&quot;,&quot;codeSnippet&quot;:&quot;cloudinary.image {\\n\\tpublicId(\\&quot;funny_dog.jpg\\&quot;)\\n\\t videoEdit(VideoEdit.trim() { startOffset(\\&quot;15%\\&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.5F)\\n\\t relative()\\n\\t })\\n\\t adjust(Adjust.opacity(40)) })\\n\\t }) {\\n\\t position(Position() {\\n\\t gravity(\\n\\tGravity.compass(\\n\\tCompass.north()))\\n\\t })\\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;funny_dog.jpg\\&quot;, {resource_type: \\&quot;video\\&quot;, transformation: [ {width: 300, height: 300, radius: \\&quot;max\\&quot;, effect: \\&quot;sharpen\\&quot;, start_offset: \\&quot;15p\\&quot;, crop: \\&quot;fill\\&quot;}, {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), width: \\&quot;0.5\\&quot;, flags: \\&quot;relative\\&quot;, opacity: 40, gravity: \\&quot;north\\&quot;} ]})&quot;,&quot;codeSnippet&quot;:&quot;$.cloudinary.image(\\&quot;funny_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;15p\\&quot;, crop: \\&quot;fill\\&quot;},\\n  {overlay: new cloudinary.Layer().publicId(\\&quot;cloudinary_icon\\&quot;), width: \\&quot;0.5\\&quot;, flags: \\&quot;relative\\&quot;, opacity: 40, gravity: \\&quot;north\\&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 CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;15%\\&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.5).relative())\\n          .adjust(opacity(40))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;north\\&quot;)))\\n  )\\n  .setAssetType(\\&quot;video\\&quot;);&quot;,&quot;codeSnippet&quot;:&quot;new CloudinaryImage(\\&quot;funny_dog.jpg\\&quot;)\\n  .videoEdit(trim().startOffset(\\&quot;15%\\&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.5).relative())\\n          .adjust(opacity(40))\\n      )\\n    ).position(new Position().gravity(compass(\\&quot;north\\&quot;)))\\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_15p\\\/l_cloudinary_icon,w_0.5,fl_relative,o_40,g_north\\\/funny_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;15p&quot;},{&quot;overlay&quot;:&quot;cloudinary_icon&quot;,&quot;width&quot;:&quot;0.5&quot;,&quot;flags&quot;:&quot;relative&quot;,&quot;opacity&quot;:&quot;40&quot;,&quot;gravity&quot;:&quot;north&quot;}],&quot;transformation_string&quot;:&quot;w_300,h_300,c_fill,r_max,e_sharpen,so_15p\\\/l_cloudinary_icon,w_0.5,fl_relative,o_40,g_north&quot;,&quot;url_suffix&quot;:&quot;&quot;,&quot;version&quot;:&quot;&quot;,&quot;secure&quot;:true,&quot;public_id&quot;:&quot;funny_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_15p\/l_cloudinary_icon,w_0.5,fl_relative,o_40,g_north\/funny_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_15p\/l_cloudinary_icon,w_0.5,fl_relative,o_40,g_north\/funny_dog.jpg\" alt=\"Sharpened, rounded jpg created from the frame at 15% of funny_dog.mp4 filled to 300x300 with an overlay\" loading=\"lazy\" class=\"c-transformed-asset\"  width=\"300\" height=\"300\"\/><\/a><\/p>\n<h2>Summary<\/h2>\n<p>Video uploading and delivery has become more and more popular and developers face a significant challenge handling these video files for embedding in their web and mobile apps while maintaining complex clusters to handle video uploading and transcoding. Cloudinary eliminates all the R&amp;D work involved, and with a single line of code videos are uploaded to the cloud, and then with dynamic URLs, videos are automatically converted to all required video formats and manipulated to fit the graphic design of web applications and the various devices and resolutions.<\/p>\n<p>The video manipulation features are available to all our free and paid plans. If you don\u2019t have a Cloudinary account, you are welcome to <a href=\"https:\/\/cloudinary.com\/users\/register_free\">sign up to our free account<\/a> and try it out.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":24097,"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,311,304],"class_list":["post-21309","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","tag-video-transcoding","tag-video-transformation"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Cloud-Based Video Delivery and Transcoding Made Easy<\/title>\n<meta name=\"description\" content=\"Match the graphic design of your web application with cloud based video delivery using Cloudinary&#039;s on-the-fly transcoding capabilities.\" \/>\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\/video_transcoding_resizing_cropping_and_manipulating_made_easy\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Video transcoding, resizing, cropping and manipulating made easy with Cloudinary\" \/>\n<meta property=\"og:description\" content=\"Match the graphic design of your web application with cloud based video delivery using Cloudinary&#039;s on-the-fly transcoding capabilities.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-09-02T13:53:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-10-03T23:25:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1650586085\/93_video-manipulation-made-easy\/93_video-manipulation-made-easy-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\/video_transcoding_resizing_cropping_and_manipulating_made_easy#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Video transcoding, resizing, cropping and manipulating made easy with Cloudinary\",\"datePublished\":\"2015-09-02T13:53:00+00:00\",\"dateModified\":\"2024-10-03T23:25:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy\"},\"wordCount\":10,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586085\/93_video-manipulation-made-easy\/93_video-manipulation-made-easy.png?_i=AA\",\"keywords\":[\"Django\",\"DotNet\",\"Java\",\"jQuery\",\"Node\",\"PHP\",\"Ruby on Rails\",\"Video Transcoding\",\"Video Transformation\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2015\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy\",\"url\":\"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy\",\"name\":\"Cloud-Based Video Delivery and Transcoding Made Easy\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586085\/93_video-manipulation-made-easy\/93_video-manipulation-made-easy.png?_i=AA\",\"datePublished\":\"2015-09-02T13:53:00+00:00\",\"dateModified\":\"2024-10-03T23:25:20+00:00\",\"description\":\"Match the graphic design of your web application with cloud based video delivery using Cloudinary's on-the-fly transcoding capabilities.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586085\/93_video-manipulation-made-easy\/93_video-manipulation-made-easy.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586085\/93_video-manipulation-made-easy\/93_video-manipulation-made-easy.png?_i=AA\",\"width\":2000,\"height\":1100},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Video transcoding, resizing, cropping and manipulating made easy with Cloudinary\"}]},{\"@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":"Cloud-Based Video Delivery and Transcoding Made Easy","description":"Match the graphic design of your web application with cloud based video delivery using Cloudinary's on-the-fly transcoding capabilities.","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\/video_transcoding_resizing_cropping_and_manipulating_made_easy","og_locale":"en_US","og_type":"article","og_title":"Video transcoding, resizing, cropping and manipulating made easy with Cloudinary","og_description":"Match the graphic design of your web application with cloud based video delivery using Cloudinary's on-the-fly transcoding capabilities.","og_url":"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy","og_site_name":"Cloudinary Blog","article_published_time":"2015-09-02T13:53:00+00:00","article_modified_time":"2024-10-03T23:25:20+00:00","og_image":[{"width":2000,"height":1100,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1650586085\/93_video-manipulation-made-easy\/93_video-manipulation-made-easy-png?_i=AA","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy"},"author":{"name":"","@id":""},"headline":"Video transcoding, resizing, cropping and manipulating made easy with Cloudinary","datePublished":"2015-09-02T13:53:00+00:00","dateModified":"2024-10-03T23:25:20+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy"},"wordCount":10,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586085\/93_video-manipulation-made-easy\/93_video-manipulation-made-easy.png?_i=AA","keywords":["Django","DotNet","Java","jQuery","Node","PHP","Ruby on Rails","Video Transcoding","Video Transformation"],"inLanguage":"en-US","copyrightYear":"2015","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy","url":"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy","name":"Cloud-Based Video Delivery and Transcoding Made Easy","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586085\/93_video-manipulation-made-easy\/93_video-manipulation-made-easy.png?_i=AA","datePublished":"2015-09-02T13:53:00+00:00","dateModified":"2024-10-03T23:25:20+00:00","description":"Match the graphic design of your web application with cloud based video delivery using Cloudinary's on-the-fly transcoding capabilities.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586085\/93_video-manipulation-made-easy\/93_video-manipulation-made-easy.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1650586085\/93_video-manipulation-made-easy\/93_video-manipulation-made-easy.png?_i=AA","width":2000,"height":1100},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/video_transcoding_resizing_cropping_and_manipulating_made_easy#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Video transcoding, resizing, cropping and manipulating made easy with Cloudinary"}]},{"@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\/v1650586085\/93_video-manipulation-made-easy\/93_video-manipulation-made-easy.png?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21309","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=21309"}],"version-history":[{"count":6,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21309\/revisions"}],"predecessor-version":[{"id":35866,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21309\/revisions\/35866"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/24097"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=21309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=21309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=21309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}