Videos are a great way to capture visitors' attention and keep them engaged with your website.
By using the Video element in Droip, you can quickly and easily add videos to your website and customize how they are displayed.
To add a Video element to your page, follow these steps:
Next, effortlessly insert your video file:
Embed Video is a quick and convenient way to add video content to your website, allowing you to host the video on a third-party platform while seamlessly integrating it into your site.
To embed a video, simply paste the video's share link into the Embed Video field.
Access the Video Settings panel by clicking on the ellipsis icon, which provides various options to optimize your video display.
To replace the existing video with a new one:
Tailor how your video is presented on your website using the Video Display Controls. These options adjust the size and position of the video within the designated space:
The rotate option allows you to rotate the video by 15 degrees per rotation.
The attachment option determines the video's position relative to the content as the user scrolls the page:
Enable looping to have the video play continuously, or disable it for the video to play only once.
Enabling audio allows the video to play with sound while disabling it mutes the video.
Enable Slo-Mo for the video to play at a slower speed, or disable it to play at its original speed.
Enable Controls to display video player controls (play/pause, volume, full-screen), or disable it to hide these controls.
Use this option to add an image as a custom thumbnail for your video.
The Play & Pause option in video settings allows you to control how the video starts and stops playing.
Set specific start and end times to show only the desired portion of the video on your webpage.
Customize how the video is triggered to play:
By using these play options, you can curate the video experience for your users, providing a better user experience on your webpage.
Was this page helpful?
Our website uses cookies to improve your browsing experience on our website. By continuing to use this website, you agree to their use. For details, please check our Privacy Policy.
Experience Droip in Action – Explore a live-built page and see the power of our builder in action.
Explore Live