Navigation stops working when video added

forwardtrends's Avatar

forwardtrends

03 Feb, 2017 03:09 PM

When I have a slide that includes a video, the main navigation arrows and bullets stop working. The video play button works, the video close button works.

When I remove the video tag, everything works as expected.

Here's my basic HTML:

<div id="splash" class="royalSlider rsMinW">
<div class="slidetest">
     <img class="rsImg" data-rsVideo="https://vimeo.com/1234567" src="image.jpg" alt="Some alt text" />
<div class="splash-center">
<h2>Slide Title</h2>
<h3>Slide Content</h3>
</div>
    </div>
                       
    <div class="slidetest">
     <img class="rsImg" src="image2.jpg" alt="Some alt text" />
<div class="splash-center">
<h2>Slide Title</h2>
<h3>Slide Content</h3>
</div>
    </div>
</div>

And here's my JS (Its auto sizing to screen size as expected).

var resize = function() {
$('.royalSlider').css({
width: $(window).width(),
height: $(window).height()
});
};

$(window).on('resize', resize);
resize();

$(".royalSlider").royalSlider({
imageScaleMode: 'fill',
autoScaleSlider:false,
autoHeight: false,
autoPlay: {
     enabled: true,
stopAtAction: false,
pauseOnHover: true,
delay: 2500,
     },
video: {
     autoHideArrows: false,
autoHideControlNav: false
     }
});

I'm not sure what else could be wrong. Latest Jquery is there, all required CSS files are there, Layout is fine, just navigation stops working when that video data tag is added. Any help would be appreciated, thank you

  1. Support Staff 1 Posted by Dmitry Semenov on 03 Feb, 2017 05:29 PM

    Dmitry Semenov's Avatar

    Hello,

    I tried recreating http://jsfiddle.net/DmitrySemenov/dadehue7/ but wasn't able to replicate.

    Make sure that you aren't missing any CSS files and skin class on root element matches skin CSS file that you included.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac