-
-
Save fatihky/947a276333c4e964dc67 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Pass the plugin reference and configuration parameter ('text') to the embed script | |
jwplayer('id-of-container').setup({ | |
file: '/path/to/my/video.mp4', | |
plugins: { | |
'/path/to/overlay.js': { | |
text: 'Text that you want to go within the overlayed banner' | |
} | |
} | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(function( jwplayer ) { | |
var overlay = function( player, config, div ) { | |
var setupOverlay = function() { | |
div.innerHTML = config.text; | |
}; | |
var showOverlay = function() { | |
setStyle({ | |
opacity: 1 | |
}); | |
}; | |
var hideOverlay = function() { | |
setStyle({ | |
opacity: 0 | |
}); | |
}; | |
var setStyle = function( object ) { | |
for(var style in object) { | |
div.style[ style ] = object[ style ]; | |
} | |
}; | |
// Matches our text container to the size of the player instance | |
this.resize = function( width, height ) { | |
setStyle({ | |
position: 'absolute', | |
margin: '0', | |
padding: '10px 15px 10px', | |
background: 'rgba( 0, 0, 0, .7 )', | |
color: 'white', | |
fontSize: '12px', | |
width: '100%' | |
}); | |
}; | |
// Bind player events | |
player.onReady( setupOverlay ); | |
player.onPlay( hideOverlay ); | |
player.onPause( showOverlay ); | |
player.onComplete( showOverlay ); | |
}; | |
jwplayer().registerPlugin( 'overlay', overlay ); | |
})( jwplayer ); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment