Is there a way to fix the issue where the play button for a Vimeo video hosted on Webflow only works on desktop and tablet, but not on mobile?

Published on
September 22, 2023

To fix the issue where the play button for a Vimeo video hosted on Webflow only works on desktop and tablet, but not on mobile, you can follow these steps:

  1. Check Vimeo's embedding settings:
  • Log in to your Vimeo account and navigate to the video settings page.
  • Under "Privacy," make sure that the "Where can this video be embedded?" option is set to "Anywhere."
  • Ensure that you have not enabled any domain-level restrictions for embedding.
  1. Use the Webflow video element:
  • Drag and drop a "Video" element from the Webflow Designer onto your page.
  • In the settings panel on the right-hand side, click on "Get Inline Code" under the "Vimeo" section.
  • Copy the code snippet provided.
  1. Add the Vimeo code to your project:
  • Go back to the Webflow Designer and double-click on the embedded Vimeo video element.
  • Click inside the element, then click on the "Embed" button in the toolbar.
  • Paste the Vimeo code you copied earlier into the embed field.
  1. Publish your changes:
  • Save your changes in the Webflow Designer and publish your site.

By following these steps, you should be able to ensure that the Vimeo video's play button functions properly on both desktop and mobile devices. If you continue to experience issues, please reach out to the Webflow support team for further assistance.

Additional Questions:

  1. How do I embed a Vimeo video on my Webflow site?
  2. What should I do if the Vimeo video is not playing on my Webflow site?
  3. Can I customize the appearance of the Vimeo video on my Webflow site?