I am trying to place a my logo at the top right of the video and it doesn’t seems to take it. All it does it place the image over the video. Is it possible to place logo at the top right corner of the Video?
Hey Jack,
There are a few steps you will want to take to scale and position your logo.
First of all take a look at the Clip API reference here: https://shotstack.io/docs/api/index.html#tocsclip
You should set the fit to none. By default it is crop, none will not stretch your logo and keep it the right size.
If you do want to make it smaller or larger you can use the scale feature.
You can set the position using the position parameter and set it to topRight.
Finally, if you want to place the logo away from the edge of the viewport you can use offset. You might want to try a value like x: -0.05 and y: -0.05.
You can see an example of different offsets here:
{
"timeline": {
"soundtrack": {
"src": "https://s3-ap-southeast-2.amazonaws.com/shotstack-assets/private/epic.mp3",
"effect": "fadeInFadeOut"
},
"background": "#000000",
"tracks": [
{
"clips": [
{
"asset": {
"type": "title",
"text": "Center",
"style": "chunk"
},
"start": 0,
"length": 2
},
{
"asset": {
"type": "title",
"text": "Top Left",
"style": "chunk",
"position": "topLeft",
"offset": {
"x": -0.5,
"y": 0.5
}
},
"start": 2,
"length": 2
},
{
"asset": {
"type": "title",
"text": "Top",
"style": "chunk",
"position": "top",
"offset": {
"y": 0.5
}
},
"start": 4,
"length": 2
},
{
"asset": {
"type": "title",
"text": "Top Right",
"style": "chunk",
"position": "topRight",
"offset": {
"x": 0.5,
"y": 0.5
}
},
"start": 6,
"length": 2
},
{
"asset": {
"type": "title",
"text": "Right",
"style": "chunk",
"position": "right",
"offset": {
"x": 0.5
}
},
"start": 8,
"length": 2
},
{
"asset": {
"type": "title",
"text": "Bottom Right",
"style": "chunk",
"position": "bottomRight",
"offset": {
"x": 0.5,
"y": -0.5
}
},
"start": 10,
"length": 2
},
{
"asset": {
"type": "title",
"text": "Bottom",
"style": "chunk",
"position": "bottom",
"offset": {
"y": -0.5
}
},
"start": 12,
"length": 2
},
{
"asset": {
"type": "title",
"text": "Bottom Left",
"style": "chunk",
"position": "bottomLeft",
"offset": {
"x": -0.5,
"y": -0.5
}
},
"start": 14,
"length": 2
},
{
"asset": {
"type": "title",
"text": "Left",
"style": "chunk",
"position": "left",
"offset": {
"x": -0.5
}
},
"start": 16,
"length": 2
}
]
}
]
},
"output": {
"format": "mp4",
"resolution": "sd"
}
}