CODEWITHSUNDEEP
jwplayerjwplayer7
Balram Sharma
Balram Sharma

Reputation: 119

JWplayer 7 - how make Video Background Transparent

I am using JWplayer 7.4.3 version. I invest much time to make video background transparent but no luck. Can someone please help on this?

jwplayer(_videoID).setup({
    file: _vFile,
    image: _vImage,
    width: '100%',
    aspectratio: '16:9',
    stretching: 'fill', 
    wmode: "transparent", (I tried this)    
    skin: {
        name:"vapor",
        background:"transparent !important" (I tried this)
    }               
})

Upvotes: 0

Views: 1287

Answers (1)

Josie Keller
Josie Keller

Reputation: 477

You'll set this in your CSS file or within <style></style> tags in the header, rather than the JS player setup. "Background" actually effects a number of elements (.jw-dock-button, .jw-icon-display-container, .jw-controlbar, .jw-menu, .jw-slider-volume), so you may want to be more specific in what you're calling out. Assuming you want a transparent control bar, you can use

.jw-controlbar {
    background-color: rgba(0,0,0,0) !important;
  }

See "colors" in the CSS Skinning Reference and the DOM Visual Structure Reference for more info.

Upvotes: 1

Related Questions