How to place a DIV over jw player when certain condition is met?
Posted
by
Derek
on Stack Overflow
See other posts from Stack Overflow
or by Derek
Published on 2012-07-03T03:11:30Z
Indexed on
2012/07/03
3:15 UTC
Read the original article
Hit count: 227
JW player can either playback video in flash or html5. I use a countdown timer in my app between certain videos. Right now the countdown timer is being displayed in a div beneath the jw player. I need to get that timer displayed in a div that covers the entire jw player interface.
I'm stuck and could use some help.
Here is some of the javascript code:
jwplayer("container").setup({
'file': 'devplaylist.xml',
'flashplayer': 'js/player.swf',
'plugins': {
'./countdown.js': {}
},
'repeat': 'list',
'autostart': true,
'height': 390,
'width': 720,
events: {
onPlaylist: function(event){
...
...
}
onPlaylistItem: function(event){
...
...
var minutes = (Math.floor(time/60 ));
var seconds = time % 60;
if (seconds < 10) seconds = "0" + seconds;
var text = minutes + ":" + seconds;
document.getElementById('resttimer').innerHTML = text;
//I need to have a DIV display the value of text (the countdown time)
//directly over the jw player
time--;
}, 1000);
...
...}
Any help is appreciated, DK
© Stack Overflow or respective owner