I’m trying to make the embed videos from youtube to stop playing while going from slide to slide but so far wasn’t successful.
Some solutions i tried:
<script>
$(document).ready(function() {
// list of video modals
var src1 = $('#banner-video').children('iframe').attr('src');
var src2 = $('#project-video-1').children('iframe').attr('src');
// first modal
$('#modal-link-banner').click(function(e) {
e.preventDefault();
$('#banner-video').children('iframe').attr('src', src1);
$('#modal-background-banner').fadeIn();
});
// second modal
$('#modal-link-project-1').click(function(e) {
e.preventDefault();
$('#p…
Here is where I found the answer, but I’ll also copy the code I used below since I know how frustrating links to a bunch of links can be.
Place in the footer:
<script>
$(document).ready(function() {
// set unique id to videoplayer for the Webflow video element
var src = $('#video-id').children('iframe').attr('src');
// when object with class open-popup is clicked...
$('.open-popup').click(function(e) {
e.preventDefault();
// change the src value of the video
$('#vid…
I understand there should be a script that tells the youtube embed to stop while pressing the arrows of the slider, but none of the solutions above worked for me.
This is the read onlyhttps://preview.webflow.com/preview/slider-video-test?utm_medium=preview_link&utm_source=designer&utm_content=slider-video-test&preview=b080bce1dc4eb8f0855c86ce54b78dbb&mode=preview
Here is my site Read-Only: LINK how to share your site Read-Only link )