The player support shoutcast/icecast/ and azuracast/ urls. Thanks

These urls not supporting in your theme sir.

My friend has this theme. I tried but not working Sir, While trying to play radio URLs not working in (IDM) Internet download manager this link are showing sir https://cdn.plyr.io/static/blank.mp4

These links are not working sir ( http://live.trusl.com:1160/;?type=http&nocache=0 http://ca4.rcast.net:8060/;stream.mp3 http://209.133.216.3:7071/;stream.mp3 )

Mp3 URLs working but live stream radio urls not wokring sir

If these links work i will buy your themes sir

And so what format are working, it’s not describe on the docs

use watch url https://www.youtube.com/watch?v=xxxxxxx ,

I have done it bu not working

An online server too

Try another video, The player works fine. Thanks

I try many videos and it’s not working !

Can you post a station url here, let me check it. Thanks

here is an url i have tested https://www.youtube.com/watch?v=RdnRcC2kObM

test page here : http://acid2fik.com/genres.html

When play youtube, you need set the provider to youtube.

Give me an example, i don’t know whay it means

Open the js/plugins/plyr.js, line 43, you will see how the data put in the player. you need set the type to video and provider to youtube.

like it :

}else{
       plyrist.play({
         id: id,
         title: self.find('.title').text(),
         uri: self.find('.title').attr('href'),
         author: self.find('.subtitle').text(),
         poster: self.find('.media-content').css('background-image').replace(/^url|[\(\)]/g, ''),
         type: 'audio',
       provider: 'youtube',
         source: self.attr('data-source')

});
}

type: ‘video’

player doesn’t work with type:’video’, same for no youtube link

Try use a mp4 with type video.

So, with :

1 : provider: ‘youtube’ and type :’video’ youtube work fine but soundcloud and other platform don’t work 2 : only type: ‘audio’ youtube doesn’t work, all other platform work 3 : wit type: ‘video’, type :’audio’ and provider :’youtube’, nothing work (

what is the process for soundcloud, mp3 and youtube work fine

So your code need give different type and provider for each songs.

already try and not working, post an example

The provider and type are not fixed, it’s depend on the media source. if it’s mp3 file, it’s audio, if it’s mp4, it’s video, if it’s youtube link, you need give it type: video and provider: youtube.

When put the data into the player, you need give the data with correct type and provider.

////////////////////////////////////////

var self = $(this).closest('[data-id]'),
         id = self.attr('data-id');
     if(plyrist.getIndex(id) > 0){
       plyrist.play({id: id});
     }else{
       plyrist.play({
         id: id,
         title: self.find('.title').text(),
         uri: self.find('.title').attr('href'),
         author: self.find('.subtitle').text(),
         poster: self.find('.media-content').css('background-image').replace(/^url|[\(\)]/g, ''),
         type: 'audio',
           type: 'video',
           provider: 'youtube',
         source: self.attr('data-source')
       });
     }
   });

//////////////////////////////////::

youtube work fine, audio don’t work

What is the fix

<div class="col-6 col-sm-4 col-md-3 col-lg-2" data-id="433873297" type="audio" data-category="Pop" data-tag="USA" data-source="http://api.soundcloud.com/tracks/248703600/stream?client_id=b242c6497398432c27cc09f4a2b6e64a">
</div>

var self = $(this).closest('[data-id]'),
         id = self.attr('data-id');
     if(plyrist.getIndex(id) > 0){
       plyrist.play({id: id});
     }else{
       var data = {
         id: id,
         title: self.find('.title').text(),
         uri: self.find('.title').attr('href'),
         author: self.find('.subtitle').text(),
         poster: self.find('.media-content').css('background-image').replace(/^url|[\(\)]/g, ''),
         type: 'audio',
         source: self.attr('data-source')
       };
       if(data.source.indexOf('youtu')){
         data.type = 'video';
         data.provider = 'youtube';
       }
       plyrist.play(data);
     }
   });

Use the plyrist, add provider youtube on the data.

Clicking on play does not play automatically, I have to click on the play icon of the player again to start the youtube video.

Open the libs/plyrist/src/plyrist.js line 45, add self.player.play();

Add here and it still doesn’t work:

Plyrists.forEach(function(player) {
          self.player.play(); //add this here
          if(player !== self.player){
            player.pause();
          }
      });

Hey, bump…any ideas?

Do you use ajax to get play data? if so. use async: false when use jquery.

$.ajax({
        async: false
      }).then();

Hey, thanks for the reply, but I’m not sure how that will help – like I say the behaviour can be seen on your demo site – and it certainly doesn’t look like ajax is being used there (there’s nothing requested in the network window on devtools when you press play)? So I don’t think this will work…it really feels very specific to iOS, possibly at a plug in level outside of the work you’ve done, but I’m not a front end developer, so it’s really hard for me to get any further than that. Thanks