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

Play button / icon when paused


I would like to display the play button/icon when the stream is paused.
Similar issue with this: http://support.jwplayer.com/customer/portal/questions/13094045-jw7-transparent-play-button-css-or-icon-

Any solutions to how I can achieve this? I tried hiding / displaying that icon on the play/pause states, but no luck so far. Thank you.

3 Community Answers

Randy

JW Player Support Agent  
-1 rated :

Hello,

You can potentially tap into this via some CSS to have the icon/font remain visible. You can find alot of great information in this article:

Building in CSS: http://support.jwplayer.com/customer/portal/articles/1412123-building-jw-player-skins
Skin CSS Classes Reference: http://support.jwplayer.com/customer/en/portal/articles/2067702-skin-css-classes-reference-

Randy

dj.lido

User  
0 rated :

you can do this:

playerInstance.onPause(function(){
var testIt = document.getElementsByClassName('jw-display-icon-container jw-background-color jw-reset')[0];
testIt.setAttribute('style',"display: inline; position: relative; top: 50%; display: table; height: 3.5em; width: 3.5em; margin: -1.75em auto 0; cursor: pointer;");
});

playerInstance.onPlay(function(){
console.log('PLAY');
document.getElementById('status').innerHTML = 'PLAY clicked';

var testIt = document.getElementsByClassName('jw-display-icon-container jw-background-color jw-reset')[0];
testIt.setAttribute('style',"display: none;");
});

dj.lido

User  
0 rated :

https://jsfiddle.net/lidox/m9r9nqe9/

This question has received the maximum number of answers.