Hold Image Slider while video plays

[Kais]

Hi Bill

I have added a video to the standard image slider on the homepage. Is there a way to have the slider stop “sliding” while the video is playing. It is a funny (yet annoying effect) that while the video is playing the picture gets replaced by the next side image.

Is there a way to edit the options of the wordpress standard images slider, or do you know of another solution – such as a plugin.

Thank you very much for all your support.

Kais

[Bill Robbins]

Good Morning Kais,

That’s a very good question. What I would suggest up front is turning off automatically playing the slideshow. That’s far and away the easiest option. If you need to leave on autoplay and have it pause it is possible with some types of videos. I believe you can do that using YouTube or Vimeo’s API.

There is a rather lengthy thread on Github about this (https://github.com/woothemes/FlexSlider/issues/346). In the theme you’ll need to change this section of the custom-js.php file:

		jQuery(window).load(function() {
			jQuery('.flexslider').flexslider({
				animation           :	"slide",
				slideshow           :	<?php echo get_theme_mod('auto','true') ?>,
				slideshowSpeed      :	<?php echo get_theme_mod('duration','5000') ?>,
				controlNav          :	<?php echo get_theme_mod('control_nav','true') ?>,
				directionNav        :   <?php echo get_theme_mod('prev_next','false') ?>,
				prevText			:	"",
				nextText			:	"", 
				pauseOnAction       :   true,
				pauseOnHover        :	true,
				useCSS				:	true,
				video				:	true,
				smoothHeight		:	true
			});
		});

If you do give it a try, let me know how it goes.

Take care,
Bill

[Author]

Posts