Home → RoyalSlider WordPress Issues →

Video mp4 dont showing

• Edit

info

03 Jan, 2013 01:11 PM

Hi, congrats for you slider!
I must put a video in mp4 (link to the host of the web) but it doesnt appear.
Greetings

1. 1 Posted by info on 03 Jan, 2013 03:39 PM

   

   This is a link i am making tests (first is where a i need to put video mp4, second is a normal img: http://marcasparapymes.com/prueba-s/

   Original video is here: http://marcasparapymes.com/wp-content/uploads/2012/09/VIDEO-MARCASP...

   Greetings

   • Edit

2. Support Staff 2 Posted by Dmitry Semenov on 03 Jan, 2013 08:14 PM

   

   Hi,

   How exactly do add it to slide? Slider automatically can only handle YouTube or Vimeo videos.

   Dmitry

   • Edit

3. 3 Posted by info on 03 Jan, 2013 10:17 PM

   

   Hi, i make a test with vimeo but i dont like the quality resolution, i need to put the video that i showed you in the link (VIDEO-MARCASPARAPYMES.mp4), its possible to do this?
   Thanks for your post ;)

   • Edit

4. Support Staff 4 Posted by Dmitry Semenov on 04 Jan, 2013 07:38 AM

   

   To add custom video, yo'll need coding knowledge - http://help.dimsemenov.com/kb/royalslider-javascript-api/adding-sup...

   Dmitry

   • Edit

5. 5 Posted by info on 04 Jan, 2013 09:43 AM

   

   Hi,
   i downloaded "JW player integration & working example", what wp plugin must i download? (i have "JW Player Plugin for WordPress"), how can i do to configure slider? I replaced the content of the "royalslider" folder i downloaded.

   Victor

   • Edit

6. Support Staff 6 Posted by Dmitry Semenov on 04 Jan, 2013 11:52 PM

   

   Hi,

   It's not that simple, to make RoyalSlider open JW Player video you'll need to add code from link that I sent.

   But you may put video directly in slide HTML, but there won;t be any options to stop it after slide changes e.t.c.

   Dmitry

   • Edit

7. 7 Posted by info on 07 Jan, 2013 10:10 AM

   

   Hi, well, then, how can i put video directly in slide HTML?
   Thanks for your responses ;)

   • Edit

8. Support Staff 8 Posted by Dmitry Semenov on 07 Jan, 2013 07:15 PM

   

   Switch to HTML tab in slide edit popup and enter code for your player there.

   Dmitry

   • Edit

9. 9 Posted by info on 08 Jan, 2013 12:24 PM

   

   Hi! I did a test, attached image.
   Greetigns

   <video>
   <source src="http://marcasparapymes.com/wp-content/uploads/2012/09/VIDEO-MARCASPARAPYMES4.mp4" type="video/mp4" />
   </video>
   

   • CAPTURA1.jpg 90.3 KB
   • Edit

10. Support Staff 10 Posted by Dmitry Semenov on 08 Jan, 2013 09:29 PM

    

    Hi,

    Remove all other content from slide, like image, it may be hidden under it.

    Dmitry

    • Edit

11. 11 Posted by bipin on 16 May, 2017 07:45 AM

    

    how do i play video directly? i don't want show image

    this is example
    <a class="rsImg" data-rsVideo="video/3d-mapping/1.mp4" href="images/play.png"></a>

    • Edit

12. Support Staff 12 Posted by Dmitry Semenov on 16 May, 2017 11:08 AM

    

    @bipin, add the video element directly into HTML content of a slide. But note that mobile browsers do not support autoplay and block touch navigation over videos.

    • Edit

13. 13 Posted by bipin on 17 May, 2017 04:28 AM

    

    Hi. thanks for reply.

    i am putting video like this format but can't able to pause or stop video on slide left and right. what to do for stooping on slide out left or right?

    <video id="my-video1" class="video-js vjs-default-skin" controls preload="auto" width=993 height=500 data-setup="{}">
                 <source src="video/touch-screens/1.mp4" type='video/mp4'>
                </video>

    • Edit

14. Support Staff 14 Posted by Dmitry Semenov on 17 May, 2017 05:54 AM

    

    @bipin, you may wrap the video element with rsNoDrag div element:

    <div class="rsNoDrag"> ... </div>
    

    this way slider won't override any click or down events.

    • Edit

15. 15 Posted by bipin on 17 May, 2017 06:15 AM

    

    how can i put it? please see my code and guide me how to put it.

    <div class="royalSlider rsMinW">
            <div class="rsContent"><img src="images/touchscreen.png" ondragstart="return false" alt=""/></div>
            <div class="rsContent">
            <!--<a class="rsImg" data-rsVideo="video/touch-screens/1.mp4" href="images/play.png"></a>-->
                <video id="my-video1" class="video-js vjs-default-skin" controls preload="auto" width=993 height=500 data-setup="{}">
                 <source src="video/touch-screens/1.mp4" type='video/mp4'>
                </video>
            </div>
            <div class="rsContent"><a class="rsImg" data-rsVideo="video/touch-screens/2.mp4" href="images/play.png"></a></div>
            <div class="rsContent"><a class="rsImg" data-rsVideo="video/touch-screens/3.mp4" href="images/play.png"></a></div>
        </div>

    • Edit

16. Support Staff 16 Posted by Dmitry Semenov on 17 May, 2017 12:59 PM

    

     <div class="rsNoDrag">
        <video id="my-video1" class="video-js vjs-default-skin" controls preload="auto" width=993 height=500 data-setup="{}"> 
                    <source src="video/touch-screens/1.mp4" type='video/mp4'> 
                </video> 
    </div>
    

    • Edit

17. 17 Posted by bipin on 18 May, 2017 04:14 AM

    

    hey. thanks again.

    sry but i need to pause or stop video after slide. how can i do this?

    • Edit

18. Support Staff 18 Posted by Dmitry Semenov on 18 May, 2017 05:44 AM

    

    You'll need to use events like rsAfterSlideChange chcek the API section in docs.

    Also, this discussion might help http://help.dimsemenov.com/discussions/problems/26298-automatically...

    • Edit

19. 19 Posted by bipin on 18 May, 2017 07:35 AM

    

    Thanx. it's working now.

    • Edit