why is jw-reset getting injected?
i'm using jw7 and setting up a pretty basic skin. i'm starting with the skin called 'seven' and did a search and replace on .jw-skin-seven with my custom name.
my jwplayer initialization looks like:
var playerInstance = jwplayer("videoPlayer");
playerInstance.setup({
flashplayer: '/js/jwplayer-7.2.4/jwplayer.flash.swf',
sources :[
{ file: videoInfo.video.url+".mp4" },
{ file: videoInfo.video.url+".webm" },
{ file: videoInfo.video.url+".ogg" }
],
image: videoInfo.image,
tracks: [{
file: videoInfo.video.chapters,
kind:'chapters'
}],
skin : {
name : "myskin"
},
width: "calc(100% - 160px)",
aspectratio: videoInfo.ratio
});
i have a json object called videoInfo where all of my (you guessed it) video info comes from.
the player initiates fine but as i add new rules to my classes they are being overwritten by .jw-reset.
i checked where jw-reset was coming from and it's a style tag that is injected on page load.
it's part of jwplayer.js (or provider.cast.js?) but since those are minified i can't really tell when/why it's being called.
it contains a base64 rendering of a font file as well as many css rules that overwrite all of my classes on the player.
it causes problems for example when i wanted to make the background preview image cover sized instead of contain sized so i wrote:
.jw-skin-myskin .jw-preview{
background-size:cover;
}
but it is overwritten unless i express !important at the end.
do i have to add !important onto all of my custom skin classes to overwrite this injected jw-reset class?
why can't i find any reference to the jw-reset class in the docs?
what is it doing?
do i need it?
if not how do i turn it off?
thanks for any info.
