
How to control Logo display via javascript
I want to hide/show the logo overlay independent of the controls bar. Specifically, I want to hide the logo after a few seconds,while leaving the Controls bar visible.
When the player is in HTML mode, I can use simple jquery selector to access the logo and hide it (see sample code below), but when it is in Flash mode, I cannot control the logo.
I'm using JWplayer 6 Premium with this code:
<div id="player-container">Loading the player ...</div>
<script type="text/javascript">
jwplayer("player-container").setup({
file: "http://media.myserver.com/filespec.mp4",
primary: "flash",
fallback: true,
autostart: true,
width: '100%',
height: '100%',
logo: {
file: '/images/our_logo.png',
position: 'bottom-right',
hide: false,
link: 'http://www.test.com'
},
controls: 'true',
'skin': '../js/common/jwplayer/skins/beelden.xml',
events:{
// hide logo after 4 seconds
onTime: function(event) {
if (event.position > 4) {
$('#player-container_logo').hide();
}
}
},
});
var vidDivHeight = $(window).height() - 100;
$("#video-player-container").height(vidDivHeight);
</script>