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

jwAdvancedSetup


Is there a way to hide custom buttons (created with the addButton API call) until the user mouses over the video area or until the use clicks the play button? I'm trying to give the custom buttons the same show/hide proporties as the control bar i nthat the control bar doesn't show until the user clicks the play button. My code is:

// Add playback speed buttons in JW plyer iframe
var trident = !!navigator.userAgent.match(/Trident\/7.0/);
var net = !!navigator.userAgent.match(/.NET4.0E/);
var IE11 = trident && net
var IEold = ( navigator.userAgent.match(/MSIE/i) ? true : false );
var theVideo;

jwplayer().onReady(function(){
theVideo = document.querySelector('video');
theVideo.defaultPlaybackRate = 1.0;
theVideo.playbackRate = 1.0;
if (jwplayer().getRenderingMode() == "flash"){
return;
}
playerInstance.addButton(
"imagehere","tooltiphere",
function() {
if(IE11 || IEold){
jwplayer().seek(jwplayer().getPosition());
jwplayer().onSeek(function(){theVideo.playbackRate = 1.0;});
jwplayer().onPause(function(){theVideo.playbackRate = 1.0;});
jwplayer().onPlay(function(){theVideo.playbackRate = 1.0;});
theVideo.playbackRate = 1.0;
} else {
jwplayer().seek(jwplayer().getPosition());
theVideo.playbackRate = 1.0;
}
},
"1X"
);

1 Community Answers

Heidi

JW Player Support Agent  
0 rated :

Hello, in order to show/hide player controls, please see this document and use CSS: http://developer.jwplayer.com/jw-player/css-skinning-reference.html

This question has received the maximum number of answers.