How to set up the Animated block outside/above the video

supa's Avatar


26 Jan, 2018 01:32 PM


I would like to display the text of the "animated block" outside of div #video-gallery, so the text does not get on top of the image before play is

Is there's a way ?


  1. Support Staff 1 Posted by Dmitry Semenov on 26 Jan, 2018 03:54 PM

    Dmitry Semenov's Avatar


    There is no such option, but you may use API and events like rsVideoPlay to modify slide content after play button is clicked.

    var slider = $(".royalSlider").data('royalSlider');
    slider.ev.on('rsVideoPlay', function() {
        // current slide contet
        console.log( slider.currSlide.content );
  2. 2 Posted by supa on 26 Jan, 2018 04:11 PM

    supa's Avatar

    Okay thanks I will look into it.
    Actually I use "position fixed" and it works :

    .rsABlock {
        left: 0;
        top: 250px;
        position: fixed;
        z-index: 15;

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


? 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