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.
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
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;");
});
https://jsfiddle.net/lidox/m9r9nqe9/
