I need to create a full screen slider in which three videos will be rotated, just like it is on https://www.rolex.com/, a bar with a video duration and the ability to switch to another.

I have compiled a full screen view of the video through the Revolution slider for the Expression engine, but I cannot get the line with the duration of the video and switching to another by clicking the line, so please help if you know how to code this.


I started with Revolution Slider by Themepunch for EE.

<div class="background">

<div class="slider-container rev_slider_wrapper">

{exp:channel:entries channel="channel" status="not closed" limit="1" orderby="date" sort="desc" disable="categories|member_data|pagination" dynamic="no"}

<div id="revolutionSlider" class="slider rev_slider" data-version="5.4.8" data-plugin-revolution-slider data-plugin-options="{'sliderLayout': 'fullscreen', 'gridwidth': 1170, 'gridheight': 700, 'enableProgressBar': 'on', 'responsiveLevels': [4096,1200,992,500], 'parallax': { 'type': 'scroll', 'origo': 'enterpoint', 'speed': 1, 'levels': [2,3,4,5,6,7,8,9,12,50], 'disable_onmobile': 'off' }}">


{rotator} ( grid field start )


<video autoplay loop muted id="background">
<source src="{rotator:video}" type="video/mp4">


{/rotator} ( grid field end )






Its working ok, but its just a video, witouth video duration and ability to switch to another in duration line. Also, on this way i can only set delay in slider, and it should switch depending on the length of video, because of different duration of each video.

  • 1
    There doesn't seem to be anything wrong with your EE code here. I think you probably want to ask this question on a different forum; as really your question is completely about how to configure and use the Revolution slider, which is unrelated to EE. – jrothafer Aug 11 at 22:09

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.