hey,
i have bug in my player.
(*i use blogger for the site i will know why after..)
and when i right click in my player i have this bug http://i.imgur.com/DLRabnM.png
when i try on a "clean" page its good but when i try on my {blogger}site it happen..
please help
i fotget that i have this bug too.. ( http://i.imgur.com/vNArgLo.png )
same as the first bug.. work for "clean" page but on blogger its buggy
Sounds like the blogger site is adding additional CSS on the page that’s causing this. Inspect the element styles to find the culprit
i will.. and back to you with an answer.. thanks
hey again.. i found the problem for this http://i.imgur.com/vNArgLo.png {body word-wrap: break-word;} but for this i just cant find that.. http://i.imgur.com/vNArgLo.png
Do you have a test page I can refer to?
sure :) http://playertests.blogspot.co.il/p/jwplayer.html
Hi,
I can’t seem to reproduce on Chrome 59, MacSierra. Where is this issue happening?
http://imgur.com/a/Z2Vxg (Hope I understood what you mean :))
I see, find the element with the class “jw-time-tip”, it contains a jw-text element. This has some styling from the body:
overflow-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
That’s what’s breaking it
umm.. so what should i do without destroy anything?
(sorry, i not really good at this things.. ;D)
Hi,
I’m not too sure, not a front-end developer. However, in general the body tag shouldn’t have such styling as it breaks the idea of specificity of CSS. The body tag is a very broad element and styling gets applied to all content. I’d remove the CSS that’s targeting the body tag and instead create a class with the same styles and apply those styles to the specific containers that require the styling.
ok!
thank you so much for the help george!
oh um.. i remove the
"
overflow-wrap: break-word;
word-break: break-word;
word-wrap: break-word;
"
but the right click menu i still "buggy" http://i.imgur.com/OxnZyQS.png
Hi,
The word-break was for the time-tip when hovering over the timeline.
For the right-click you have this CSS:
.post-body ul li:before {
/* content: “\f105”; /
margin-right: 5px;
font-family: fontawesome;
}
jwplayer.html:292
.post-body ul li:before {
/ content: “\f0da”; */
margin-right: 5px;
font-family: fontawesome;
}
remove the content options from those CSS declarations
