Cloudinary Cookbook recipes about Private

Adding a watermark to a video

A common practice among many of our customers - watermark images or videos to give credit for the owners and/or to protect their high-res original resources.

Original Video

Full video watermark

Mid-video watermark

URL Ruby PHP v1 PHP v2 Python Node.js Java JS jQuery React Vue.js Angular .NET Android iOS All

URL:

https://res.cloudinary.com/demo/video/upload/abbey_road.mp4

Ruby:

cl_video_tag("abbey_road")

PHP v1:

cl_video_tag("abbey_road")

PHP v2:

(new VideoTag('abbey_road.mp4'));

Python:

CloudinaryVideo("abbey_road").video()

Node.js:

cloudinary.video("abbey_road")

Java:

cloudinary.url().videoTag("abbey_road");

JS:

cloudinary.videoTag('abbey_road').toHtml();

jQuery:

$.cloudinary.video("abbey_road")

React:

<Video publicId="abbey_road" >

</Video>

Vue.js:

<cld-video publicId="abbey_road" >

</cld-video>

Angular:

<cl-video public-id="abbey_road" >

</cl-video>

.NET:

cloudinary.Api.UrlVideoUp.BuildVideoTag("abbey_road")

Android:

MediaManager.get().url().resourceType("video").generate("abbey_road.mp4");

iOS:

cloudinary.createUrl().setResourceType("video").generate("abbey_road.mp4")

by Maor Gariv Jul 02, 2020

Tags: