Setting wmode for HTML element overlays of jwplayer using javascript

Question

I am trying to overlay a <div> on my jwplayer. I believe in order to do this, I have to set the 'wmode' parameter to be 'transparent.' So far I've been unsuccessful trying it this way:

jwplayer('profile-video').setup(
                'width': '640',
                'height': '360',
                'skin' : "/jwplayer/skins/bekle.xml",
                'file' : video_url,
                'wmode' : 'transparent'
            )

Anyone see where I'm going wrong or maybe 'wmode' is the wrong parameter to be setting?

score 2 · Answer 1 · answered Oct 14 '13 at 21:32

2

Try http://totaldev.com/content/jw-player-textmark-plugin.

This plugin has a flexibility to have multiple text overlays.

answered Oct 14 '13 at 21:32

Mangesh

3,987
2
31
52

Note that [link-only answers](http://meta.stackoverflow.com/tags/link-only-answers/info) are discouraged, SO answers should be the end-point of a search for a solution (vs. yet another stopover of references, which tend to get stale over time). Please consider adding a stand-alone synopsis here, keeping the link as a reference. – kleopatra Oct 14 '13 at 22:34

score 1 · Accepted Answer · answered Mar 07 '13 at 23:00

1

That should be fine too, but the best way to really overlay a div on top of a JW Player is via a JavaScript plugin. We have a SDK available here with a sample Hello World JS based plugin - http://developer.longtailvideo.com/trac/

answered Mar 07 '13 at 23:00

emaxsaun

4,191
2
13
13

Do you know if this only applies to the flash version? – wuliwong Mar 07 '13 at 23:09
Works in both Flash and HTML5 :) – emaxsaun Mar 07 '13 at 23:11
I downloaded your "settable wmode" example and tried to move a `
` to overlay the `transparent` jwplayer but the player still covered it.
– wuliwong Mar 07 '13 at 23:32
That example is for JW5, not 6, and per my answer above, the official way to overlay a div on top of the player is via a JS plugin. If you download the SDK there is a JS plugin which works in Flash and HTML5 mode called helloworld.js which indeed overlays a div over the player. – emaxsaun Mar 07 '13 at 23:39
Maybe I don't understand what wmode is for? From my experience with the YouTube player, I thought the idea was that setting wmode=transparent allowed you to have other html elements display over the player. But that doesn't seem to be the behavior for the jwplayer. Anyway, I downloaded the plugin and was able to have that produce text. Super-convenient, lol. – wuliwong Mar 07 '13 at 23:58
wmode is only part of it. You also need to mess with css, position, and z-index, but since our plugins api already takes care of that, that is why I recommended it ;) Glad you got it working! – emaxsaun Mar 08 '13 at 17:05
Ethan, your link seems to be outdated. Where do you download the SDK? – Justin Oct 07 '14 at 21:24
Hi Ethan, I have used the below plugin github.com/jwplayer/jwplayer-sdks/tree/master/jw6-plugin-sdk for showing overlay. It woks fine for html mode. But in flash it works if player is in normal size , when the I maximize the player overlay is not showing. Currently I'm using 6.12 version. Can you help this out.? – Asish AP Jul 05 '15 at 14:26
You need to provide a link to your implementation. – emaxsaun Jul 06 '15 at 14:26

Setting wmode for HTML element overlays of jwplayer using javascript

2 Answers2