Breaking News: Grepper is joining You.com. Read the official announcement!

slider video play

Himanshu Daudia answered on June 9, 2022 Popularity 9/10 Helpfulness 6/10

answer slider video play

slider video play

Comment

	<div id="slideBox">
		<!--Sidebar-->
			
		<div id="main-image" class="sliderMain">
			<div><img src="https://placeimg.com/640/480/any"></div>
			<div><img src="https://placeimg.com/640/480/any"></div>
			<div><img src="https://placeimg.com/640/480/any"></div>
			<div><img src="https://placeimg.com/640/480/any"></div>
			<div><img src="https://placeimg.com/640/480/any"></div>
			<div id="slide-video">
				<video width="900px" id="theVideo">
					<source src="https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4" />
				</video>
			</div>
		</div>
			
	</div><!--slideBox-->

<script>
		$(document).ready(function() {
    $('.sliderMain').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        fade: false,
        autoplay: true,
        autoplaySpeed: 3000,
        infinite: false,
    });

    $('.sliderMain').on('afterChange', function(event, slick, currentSlide) 
    {
        var video = $('.sliderMain .slick-active').find('video');
        if ($('.slick-current').find('video').length !== 0) 
        {
            $('.sliderMain').slick('slickPause');
            theVideo.play();
        }
    });
    document.getElementById('theVideo').addEventListener('ended', myHandler, false);
    function myHandler(e) 
  	{
        $('.sliderMain').slick('slickPlay');
    }
});
</script>

Popularity 9/10 Helpfulness 6/10 Language html

Source: Grepper

Tags: html pause slick slider video

Link to this answer
Share Copy Link

Contributed on Jun 09 2022

Himanshu Daudia

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

slider video play

Contents

More Related Answers

slider video play

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.