Project announcements in the slider on the main page are the joint work of several blocks:
  1. block so that we can scroll through the announcements in the slider
  2. script for integrating announcements into the slider and putting them in the right order
  3. blocks for generating announcements
In order for us to place the video in the announcement, we need to select the block we are interested in from the group - 3. To do this, we need to go to editing it. To do this, click on the button - Block editor.
After going inside the block, you need to press the combination of two buttons - Ctrl + L.
A panel will open in which you can see what the block consists of. Those you will see layers like in Photoshop.
Each block from group #3 consists of:
  1. button to go to the page of detailed description of the project - link is placed manually
  2. number of announcements in the slider - edited manually
  3. the sequence number of this slide - edited manually
  4. line
  5. project type - manually edited
  6. project name - edited manually
  7. html - code for displaying and placing video - editable manually
  8. shape - shading - editable manually

    To customize and edit the video, we need element 7 - html. In the example, it is in invisible mode. To edit it, you need to switch it to the "visible" mode. To do this, you need to click on the "eye" icon. After clicking the desired element will appear (on the right side, in the working area).
To edit element 7 - html - you need to double-click on the black field and go to the inner content of the block. The code will open in front of us. On the screenshot, we marked the link to the video with a red line. To show a new video or replace an old one, you need to replace the link.
How to get a link to the video in the required format.

To get a link, a video you need:
  1. upload to
  2. copy the link in the format as in the screenshot below (please click on the Loupe tool to see the screenshots on how to do this):
  • click the share link button
  • copy the link
  • replace characters www with dl
  • remove characters that follow mp.4. Now you have a link in your hands that you need to insert into the script.