# Video in Blocks.

{% hint style="info" %}
The below tutorial is a basic way to explain the Video element. Remember you can use this method any where on your website on any section or block.

If you want to add Video into Background of blocks/website the please read the previous article&#x20;
{% endhint %}

### In this tutorial we will replace a Image with Video. The method for adding VIDEO is same on all sections/blocks.

#### 1. Click on the Image and then click on + icon (as shown in below image)

![](/files/-LiYAU5YcmL1bVQZr8xh)

#### 2. Choose Video element from the available option&#x20;

![](/files/-LiYAluTpGwM9COH7Fb8)

#### 3. A default video will be added to your section when you click on Video element. Click on the Video and choose Edit Video option

![](/files/-LiYBH3mKLCnk-vM9utv)

#### 4. A Video panel will appear, enter the Video ID and it will be added to your website.

![](/files/-LiYBTdv33SPGqI613W1)

You can also set filters and change the opacity of Video background.&#x20;

### 4. How to Find Youtube Video-

It is very simple to find your YouTube video ID. First, go to the YouTube webpage. Look at the URL of that page, and at the end of it, you should see a combination of numbers and letters after an equal sign (=). This is the VIDEO ID you need to enter in your website or VIDEO panel setting.&#x20;

![](/files/-LiY665TaVfE-V5cmOga)

### 5. How to Find Vimeo youtube video-

1. To find your Video ID, go to the Vimeo page and find the video you want to put on your website.
2. Once it is loaded, look at the URL and look for the numbers that come after the slash (/).

![](/files/-LiY6nCuzt3-qJLnMuR3)

{% hint style="warning" %}
If you choose **Autoplay** (muted) option then your VIDEO will be muted by default as per Youtube/Google , Vimeo and Chrome  policy.

You can read more about Autoplay restrictions here- <https://developers.google.com/web/updates/2017/09/autoplay-policy-changes>
{% endhint %}

{% hint style="success" %}
You can also embed any third-party VIDEO other than Youtube and Vimeo using RAW code widget.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.vintcer.com/video-in-blocks.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
