Home → RoyalSlider HTML version issues →

jwplayer - custom video player

• Edit

manuelden

03 Sep, 2012 05:14 PM

Hi Dimtry,

I just wanted to ask if you have some advices on how to implement jwplayer videoplayer on royalslider? I have tried the "Adding support for third-party video player" article with no luck.... this is the standard embed method for jwplayer:

<div id="container">Loading the player ...</div>

<script type="text/javascript">
    jwplayer("container").setup({
        flashplayer: "/jwplayer/player.swf",
        file: "/uploads/video.mp4",
        height: 270,
        width: 480
    });
</script>

thanks in advance!

manuel

1. Support Staff 1 Posted by Dmytro Semenov on 05 Sep, 2012 05:16 AM

   

   Hi,

   From http://help.dimsemenov.com/kb/royalslider-javascript-api/adding-sup... article, based on your code:

   slider.ev.on('rsOnCreateVideoElement', function(e, url) {
           // url - path to video from data-rsVideo attribute
           // slider.videoObj - jQuery object that holds video HTML code
           // slider.videoObj must be IFRAME, VIDEO or EMBED element, or have class rsVideoObj
           slider.videoObj = $('<div id="video-container">Loading the player ...</div>');
   
           setTimeout(function() {
                jwplayer("video-container").setup({
                   flashplayer: "/jwplayer/player.swf",
                   file: url,
                   height: 270,
                   width: 480
               });
           }, 100);
   });
   

   Dmitry

   • Edit

2. 2 Posted by pullus313 on 07 Dec, 2012 03:56 PM

   

   Is it possible to autoplay videos on slide-in using JW player and royal slider?

   • Edit

3. Support Staff 3 Posted by Dmytro Semenov on 08 Dec, 2012 02:11 PM

   

   Hi,

   You may use RoyalSlider playVideo public method to implement this. http://dimsemenov.com/plugins/royal-slider/documentation/#api

   Dmitry

   • Edit