What should I do differently when trying to link self-hosted videos into the video element in Webflow to avoid "Invalid video link" and "Invalid embed type: link" errors?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

When trying to link self-hosted videos into the video element in Webflow, you may encounter "Invalid video link" or "Invalid embed type: link" errors. To avoid these errors and ensure that your videos are properly linked, consider the following steps:

Confirm the video format: Webflow supports various video formats, including MP4, WebM, and OGG. Make sure that your self-hosted video is encoded in one of these formats.
Encode your video: If your self-hosted video is not in the supported formats mentioned above, you will need to encode it. There are numerous video encoding tools available, both online and offline, that can convert your video to a compatible format. Ensure that the output format is supported by Webflow.
Check the video link: Urls are case sensitive, so ensure that the link to your self-hosted video matches exactly, including capitalization and any special characters. Additionally, ensure that the video file is accessible and properly hosted on your server.
Consider the video size and dimensions: It's important to optimize your video for web viewing. Consider compressing your video to reduce file size while maintaining an acceptable quality. Additionally, ensure that the dimensions of your video match the dimensions specified in the Webflow video element settings.
Use the correct embed type: When adding the video element in Webflow, you have the option to either link to a video or embed a video. If you are using the video element to link your self-hosted video, make sure you select the "Link" option and provide the correct URL.
Test your video link: After completing the steps above, it's crucial to test your video link in Webflow. Verify that the video properly plays within the video element on different devices and browsers.

Following these steps should help you avoid "Invalid video link" and "Invalid embed type: link" errors when linking self-hosted videos in Webflow. Ensure that you correctly encode your videos, check the link format, optimize them for the web, and properly set up the video element in Webflow.

Additional Questions:

How do I optimize self-hosted videos for web viewing in Webflow?
Can I link videos from external sources in the Webflow video element?
What are the alternative methods to embed videos in Webflow?

Is there a Webflow element or a provider that allows visitors to write comments on a page and have other visitors respond to those comments?

What is the purpose of the "how-to" post on creating click triggers in Tag Manager, Google Analytics 4, and Universal Analytics for Webflow?

Is there a logout feature available on Webflow for users on the Members Beta? Can the welcome email sent to new sign-ups be customized on Webflow?

What could be causing the preview in Webflow to differ from the published site, and why is the picture height different?

What could be causing an old slug to consistently repopulate on active links with the page title and slug in Webflow?

What may be the reason that the Open Graph info is not working on my Webflow website?

Does Webflow support ANAME records for root domains instead of CNAME records, despite the recommendation against such usage?

Does anyone know if code exported from Anima can be imported into Webflow?

Are there any known solutions to address the issue of large dropdown menus being cut off and not being scrollable in the mobile menu on Webflow?

How can I use code from Codrops for custom select elements in Webflow?