Apply a watermark onto a video

To applying watermarks to uploaded videos you just need to supply the url to the watermark image. To fine-tune how your watermark will be displayed use additional parameters such as watermark_size and watermark_position. If your used watermark does not resize the way you want it to you can change its resize strategy as well.

In the demo below we encode the uploaded videos into flash and then apply watermarks to the encoded versions. Note that watermarking has full transparency support. Just use a transparent png file and you are good to go. » See full documentation

The template
Javascript code

"steps": {
  "vid_logo_watermark": {
    "use": ":original",
    "robot": "/video/encode",
    "preset": "flash",
    "width": 854,
    "height": 480,

    "watermark_url": "https://transloadit.com/img/robots/170x170/video-encode.jpg",
    "watermark_size": "25%",
    "watermark_position": "bottom-right"
  }
}

$(function() {
  $('form').transloadit({
    wait: true,
    autoSubmit: true
  });
});

The form

For demos we allow a maximum of 30MB.

This form is html5-multiupload enabled. If your browser supports it, you can select multiple files and execute the template with them.