Hi I have looked around for the solution but I haven’t found any efficient one so far. I have quite a few modals in my website. Some of them have the video embed inside. I want to be able to stop/close them when I click the button .close-modal which will also close the modal. How can I do that? S…

solution by code Demo: https://test-c0d8d3.webflow.io/stop-viemo-on-click Very simple to move this idea to webflow. step 1/3 - add videos Add viemo class vimeovideo for all of your videos. I don’t know why - but the code works only by embed html (But the output is the same) <iframe class="vimeo…

I forgot to mention the modals for some reason don’t work in the read-only link they used to work tho. Feels like webflow is full of bugs sometimes. but you can see the website here: https://giuseppe-bufalo.webflow.io/3d-models check the “exosuit” project there is a video in the modal at the end …

Amazing ! that is very clear explanation. Thank you for helping me, if in the future you need any 3D model/animation just send me an email, I’ll return the favour :slight_smile:

Great :slight_smile: please mark as solution to close this topic (And for future searches).

@Siton_Systems Thank you for that explanation. However, if the button with the .stop-button also is supposed to trigger a Webflow interacition to close the modal, the interaction stops working (the button only stops the video). Is there anyway to have a button both have the stop-button functionalty…

Based on @Siton_Systems excellent reply for Vimeo videos, I’ve put together the equivalent using the YouTube API too. 1 - Add a video Add ID of youtubevideo for all of your videos. This could work for classes too but not without changing it. You must include ?enablejsapi=1 at the end of the src i…

[image] Giuseppe: <script> var vid = document.getElementByClassName(".my-video"); function playVid() { vid.play(); } function pauseVid() { vid.pause(); } <script> Satuday afternoon and here i am finding out about this missing feature. Webflow doesnt give you the option to make a simpl…

[image] AndyJ3T: ?enablejsapi=1 Thanks for the steps but when you’re not using an iframe and try to ad the ‘?enablejsapi=1’ at the end of the source youtube code, webflow simple can’t accept the code and its automatically deleted :frowning: when using the elements youtube setting on webflow. …

2020 - here’s the updated code now that Webflow uses Embedly for the Video Element: <script type="text/javascript" src="//cdn.embed.ly/player-0.0.11.min.js" <script> const embed = document.querySelector('iframe.embedly-embed'); var player = new playerjs.Player(embed); console.log(player); // Wa…

Been googling for hours but I just cant seem to understand how to do this. (I tried using the embed code element but that made me have to use fitvids js. And that gave me new problems I could not solve.) Can you clarify what Im supposed to do? I want to use the youtube video element, I want it to be…

Hey @Adam_Karlsson , I checked out your preview link. The snippet I posted above should work for you as well - you’ll just need to update to use the modalcloser class you’ve added as an overlay when the modal is open. So instead of: const modal = document.getElementsByClassName('video-modal')[0]; Y…

Stop Vimeo / YouTube video after closing modal

Design help General

Adam_Karlsson (Adam Karlsson) January 4, 2021, 4:55pm 25

Thanks! Will try after going thru some webflow + js basics on youtube

Tabs: play/pause video (custom embed) when changing tab

Topic		Replies	Views
Stop Vimeo video with another button Custom code	15	10881	March 7, 2023
How to Pause and Stop a Video in a Modal on Close? Custom code	20	92127	February 14, 2017
Pause or stop Vimeo video after closing modal custom code General	6	13980	May 17, 2023
Youtube iFrame Keeps playing when Modal is closed Custom code	5	3335	November 17, 2020
How to stop youtube video after closing modal Custom code	10	25323	May 10, 2023

Stop Vimeo / YouTube video after closing modal

Related topics