Invastor logo
No products in cart
No products in cart

Ai Content Generator

Ai Picture

Tell Your Story

My profile picture

How can I add a video with text section in Invastor? Begineer here for Invastor. Similarily to a 'image with text' section, I want the same layout but with a video isntead. However, I don't want one a YouTube link that the consumer must click to play, I would like one where it instantly plays and loops. Thanks.

2 years ago
59

To add a video with a text section in Invastor, you can follow these steps:

  1. Prepare your video: First, make sure you have a video file that you want to use. It should be in a compatible format such as MP4, WebM, or Ogg. Also, make sure the video is optimized for web playback, keeping the file size reasonable without compromising too much on quality.

  2. Upload the video: There are various hosting options available for videos. You can choose to host the video on your own server or use a third-party video hosting service. For this example, let's assume you choose to host the video on your server.

    • Upload the video file to your server using FTP or any other file transfer method.
    • Make a note of the video's URL, which will be used to embed it in your Invastor website.
  3. Create a new section: In your Invastor website editor, add a new section where you want to place the video with text.

  4. Add a video element: Within the new section, add a video element. This element will allow you to embed and customize the video.

  5. Set the video source: In the video element settings, locate the option to set the video source. Instead of using a YouTube link, you can specify the URL of the video file you uploaded to your server.

  6. Loop the video: To make the video loop, check if the video element settings provide an option for looping. If not, you may need to add some custom code to achieve this.

    • Example: If you have access to the video element's HTML code, you can add the "loop" attribute to the video tag. For instance, <video src="https://example.com/videos/myvideo.mp4" loop></video>.
  7. Add text content: Below or beside the video element, add a text element to provide the desired text content. You can customize the text's appearance, font, size, and alignment according to your preferences.

  8. Style the section: Use the Invastor website editor's styling options to adjust the section's background, spacing, and layout to match your design.

  9. Preview and publish: Preview your website to see how the video with text section looks. Make any necessary adjustments, and once satisfied, publish your Invastor website to make it live.

Remember to optimize your video for web playback, as large video files can significantly impact the loading speed of your website. Additionally, double-check the Invastor editor's documentation or support resources for any specific instructions or features related to video elements.

User Comments

Related Posts

    There are no more blogs to show

    © 2025 Invastor. All Rights Reserved