How to Add a Watermark to Your Video
Cincopa provides a flexible way to add a watermark to your video by using Cincopa events. These events allow you to modify arguments before the gallery is loaded, enabling you to customize the watermark's behavior and appearance dynamically.
For more information, refer to the Cincopa Events Documentation and the Cincopa Embed Documentation.
Watermark Configuration Options
| Argument | Type | Description |
|---|---|---|
watermark_text_position_interval | Integer | Interval (in milliseconds) for watermark text position updates. |
watermark | String | The URL of the watermark image. |
watermark_text | String | The text to display as a watermark. |
watermark_text_color | String | The color of the watermark text (Hex value). |
watermark_text_size | String | The font size of the watermark text. |
watermark_text_opacity | String | The opacity level of the watermark text. |
watermark_text_font | String | The font family for the watermark text. |
You can control the watermark behavior using the following arguments:
| Argument | Type | Description |
|---|---|---|
watermark_on_off | Boolean | true to enable the watermark, false to disable it. |
watermark_position | String | Specifies the position of the watermark: top_left, top_right, bottom_left, bottom_right, or random. |
watermark_link | String | A link to open when the watermark is clicked. |
new_page | Boolean | true to open the link in a new tab, false to open it in the same tab. |
Example Usage
Below is an example demonstrating how to use these arguments to add a watermark to your video:
<div id="cp_widget_1539590707155">...</div>
<script type="text/javascript">
var cincopa = cincopa || {};
cincopa.registeredFunctions = cincopa.registeredFunctions || [];
cincopa.registeredFunctions.push({
func: function (name, data, gallery) {
gallery.args.watermark_on_off = true; // Enable the watermark
gallery.args.watermark_position = "top_left"; // Position: top_left, top_right, bottom_left, bottom_right
gallery.args.watermark = "https://wwwcdn.cincopa.com/_cms/design15/images/Smiling_Emoji_with_Smiling_Eyes.png";
gallery.args.watermark_link = "https://www.cincopa.com/video-hosting"; // Link to open on click
gallery.args.new_page = true; // Open link in a new tab
},
filter: "runtime.on-args"
});
</script>Text Watermark in random position demo
<div id="cp_widget_1539590707155">...</div>
<script type="text/javascript">
var cincopa = cincopa || {};
cincopa.registeredFunctions = cincopa.registeredFunctions || [];
cincopa.registeredFunctions.push({
func: function (name, data, gallery) {
gallery.args.watermark_position = 'random';
gallery.args.watermark_text_position_interval = 5000;
gallery.args.watermark_text ='Text Watermark';
gallery.args.watermark_text_color = "#4a4b48";
gallery.args.watermark_text_size = '18px';
gallery.args.watermark_text_opacity= "0.4";
gallery.args.watermark_text_font = "fantasy";
},
filter: "runtime.on-args"
});
</script>