How to embed a video from Rutube on a website
Using HTML code
This method involves using the iframe tag. To do this, follow these steps:
Open RuTube and go to the page with the video you want to embed.
Click Share below the player and in the window that opens, click Player Embed Code.
Before copying the code, you can specify additional settings. To do this, select Show parameter settings. A window will open where you can:
- Set the video dimensions (width and height in pixels).
- Specify the color of the track and volume control.
- Change the start and end time of the video. Using the checkbox, a field for entering the time opens. If the value exceeds the length of the video, a warning appears.
- Enable display of the video title. If you select this item, an additional checkbox "Show channel author" appears. The title and author will be displayed as links under the player.
After completing the settings, click Copy
Paste the code into the desired place in the html markup of your page.
As a result, the video will appear on the website.
Using the plugin
If your site runs on a CMS, such as WordPress, you can use plugins. One of these is EmbedPress. Do the following:
In the WordPress admin panel, go to the "Plugins" section and click the Add New button.
In the search field, type EmbedPress, install and activate the plugin.
Open "rutube" and go to the page of the video you need.
Copy the URL from the address bar, or right-click on the video and select "Copy video link"
Return to WordPress and open the post in edit mode.
Here you need to add a new block. To do this, click the "+" button in the upper left corner. A menu will open, where in the search bar, enter EmbedPress and insert the corresponding block.
In the input field, paste the video link address you copied earlier.
Click Insert and a loading message will appear.
Update your post and the video will appear on the site.
The plugin has the ability to generate a shortcode for insertion.
To do this, go to the EmbedPress section in the admin panel.
Open the Shortcode menu
Paste the video link and click the Generate button.
A shortcode will appear in the bottom field. Click Copy Link.
Go to the post editing mode. Click the "+" button in the upper left corner, enter "Shortcode" in the search and select the appropriate block.
Paste the copied shortcode and update the post
The added video will appear on the site
If you wish, you can insert the code manually or use plugins.
But if you need a simple, fast and customizable solution, use the video widget from QForm. With its help, in just two lines of code, you can add a video to the site or attach it to the feedback form. It is possible to configure the launch parameters (by event or immediately after the page loads), select the display type (in a miniature in the corner of the screen or embedded in the page body), add a call-to-action button and specify actions for it.