Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

Beelden - Player Bar Visibility 100%, Playlist Under Playbar & Same Width?


Hi,
I use Beelden skin with JWP7. I'm not a programmer. Can you recommend edits to the skin or another JW7 file that will leave the player bar visible 100% of the time? I also want to display the playlist under the playbar for at least 400px and the same width as the playbar (775px).

Is this possible?

Regards,

Terry
tvmusicmuseum@gmail.com

9 Community Answers

Eric Boyd

JW Player Support Agent  
0 rated :

Hi Terry,
Can you send us over a screenshot or a mockup of what you are trying to achieve?

We should be able to do this with CSS, but I want to make sure I know for sure what you want!

Cheers,
Eric

tvmusicmuseum

User  
0 rated :

Sure, How do I add a jpg attachment to this message?

Eric Boyd

JW Player Support Agent  
0 rated :

This does not allow for attachments, but if you host the image on your web server and put the link here, that would work too.

tvmusicmuseum

User  
0 rated :

Hi Eric,
Here is how I want the player displayed 100% of the time:

http://terrywilkie.com/documents/jwp7layout.html

I want the playing play bar to show 100% of the time too.

I'm also interested in changing the color of the active text in the playlist.

Thanks for the help.

Regards,

Terry

Andrew

JW Player Support Agent  
0 rated :

Hi Terry,

Control bar can be set to display 100% of the time with the following style:
.jw-flag-user-inactive.jw-state-playing .jw-controlbar, .jw-flag-user-inactive.jw-state-playing .jw-dock {
display: table;
}

and a separate playlist bar can be shown via the following:
support-stg.jwplayer.com/customer/portal/articles/2056984-example-making-your-own-playlist-sidebar

This does require a bit of additional CSS work, but it is definitely possible via our API.

tvmusicmuseum

User  
0 rated :

Hi Andrew,
Do I just paste this inside the current skin? That would be the preferred solution since JWP7 was integrated inside the content builder I use called EZGenerator 4 http://www.ezgenerator.com/

API programming to create a playlist under JWP7 like the example I sent is over my head. Is this edited in jwplayer.js or provider.shaka.js?

Regards,

Terry

Andrew

JW Player Support Agent  
0 rated :

Hi Terry,

These changes will require access to the actual HTML and will need to use both style and script tags.

tvmusicmuseum

User  
0 rated :

Hi Andrew,
Programming this is way over my head. I'm getting a lot of complaints about the way this playlist menu is displaying.

http://terrywilkie.com/documents/jwp7_playlist_issue.html

Could I please request your programming help to fix this?
If you could at least send me a block of code to forward to the content generation software company to merge with their software, that would be a huge help and sincerely appreciated.

Long term, could you please consider a config file with all variables for JWP7 that are easily accessible?

Regards,

Terry

tvmusicmuseum

User  
0 rated :

Hi Andrew and Eric,
This code seems to work in CSS to make the playlist display full width of the playbar:

<style>
.jw-menu{left: -9.3% !important; width: 777px !important;}
.jw-playlist .jw-text {text-align: left !important;}
.jw-icon-tooltip .jw-overlay{opacity:1 !important; visibility: visible !important; }
</style>

According to the developers of my content creation software, it isn't possible to make the playlist display under the playbar (which is a real drag). Their comments are in quotes below...

The text in the playlist still seems to be constrained. Is there a way to make it display the full width including the Title, Artist & Album text fields?

"This can't be done with css but with changing js functionality of the player."

The width of the player doesn't have to be fixed, it can be variable/dynamic based on the size of the table it is inserted in if that would allow the playlist to display below the playbar.

"I tried with width:100% but it doesn't work because playlist is in absolute div which is added in very small div of playlist icon, so using 100% is not a solution."


Can you please help me with this?

Regards,

Terry

This question has received the maximum number of answers.