How to integrate drone footage into a WeWeb website?

Step 1: Preparation of Drone Footage

Before you start integrating drone footage into your WeWeb website, ensure that the footage is ready. Edit it if needed, and make sure the file size is appropriate for your website. If the file is too large, it may slow down the page loading time. You may consider compressing your drone footage to an optimal size without losing its quality. Also, ensure the footage is in a format compatible with WeWeb (.MP4, .MOV, .AVI), and it is saved in an accessible location on your computer.

Step 2: Login to WeWeb

Access the WeWeb through www.weweb.io. Type your login credentials to enter your account. If you are not registered, please do so. After logging in, you will land on your dashboard showing all your created websites.

Step 3: Choose the Website to Edit

On your dashboard, locate and click the website you want to integrate the drone footage. It will open up your website's editor page.

Step 4: Locate the Area of the Drone Footage Insertion

After your website loads on the editor, scroll through your website and find the area where you want to insert your drone footage.

Step 5: Insert a Video Element

WeWeb uses several elements to let you add different types of content. To add your drone footage, you'll need to add a "Video" element.

To do this, navigate to the left panel and locate the "Elements" tab. This tab contains many elements that you can drag and drop onto your website layout. Locate the "Video" element under this tab. Click on it and, while holding the click, drag and drop it to the intended location on your web page.

Step 6: Access Video Settings

After dropping the video element, click on it to open the settings panel to the right. This panel lets you configure the video settings, such as source, autoplay, controls, etc.

Step 7: Upload the Drone Footage

In the video settings panel under the "Source" label, you will see an "Upload" button. Click on it and navigate to the saved location of your drone footage on your computer. Select the video file and click "Open" to start the uploading process. After a successful upload, the video will appear in the video element.

Step 8: Configure the Video Settings

In the same settings panel, you can configure the video playback settings. You can set the video to autoplay, loop, and mute. You can also decide to show or hide the video controls like play, pause, volume etc.

Step 9: Preview and Save Your Work

After you're done configuring the video settings, you can preview how the video will look on your final webpage by clicking on the "Preview" button on the top right corner of your screen.

If you are satisfied with how the video looks and behaves, click on the "Save" button on the upper right corner to save your changes.

Step 10: Publishing Your Website

Once your drone footage is successfully integrated and you have saved your changes, display your new content to the world by publishing your website. You can do this by clicking on the “Publish” button located on the upper-right corner of your screen. After successful publishing, your drone footage is now live on your WeWeb website.

Congratulations! You have successfully integrated drone footage into your WeWeb website. Repeat the process for any other videos you might want to add. Always remember to save and publish your website for the changes to take effect.