Video mp4 dont showing

info's Avatar

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

    info's Avatar

    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

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

    Dmitry Semenov's Avatar

    Hi,

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

    Dmitry

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

    info's Avatar

    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 ;)

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

    Dmitry Semenov's Avatar

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

    Dmitry

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

    info's Avatar

    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

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

    Dmitry Semenov's Avatar

    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

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

    info's Avatar

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

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

    Dmitry Semenov's Avatar

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

    Dmitry

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

    info's Avatar

    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>
    
  10. Support Staff 10 Posted by Dmitry Semenov on 08 Jan, 2013 09:29 PM

    Dmitry Semenov's Avatar

    Hi,

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

    Dmitry

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

    bipin's Avatar

    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>

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

    Dmitry Semenov's Avatar

    @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.

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

    bipin's Avatar

    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>

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

    Dmitry Semenov's Avatar

    @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.

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

    bipin's Avatar

    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>

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

    Dmitry Semenov's Avatar
     <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>
    
  17. 17 Posted by bipin on 18 May, 2017 04:14 AM

    bipin's Avatar

    hey. thanks again.

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

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

    Dmitry Semenov's Avatar

    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...

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

    bipin's Avatar

    Thanx. it's working now.

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