html5 video in chrome tears hover - html

When using html5 video in chrome, divs with :hover states will end up tearing. FF 3/4 and IE9 work fine. Just started recently, it was working fine in chrome maybe a month ago whatever version that was.
Demo of problem: http://jsfiddle.net/5M8nv/5/
Chrome/webkit bug or am i doing something way wrong?
Thanks

Related

Firefox Webm video only plays when seeking

An odd thing with firefox. This video will only play when it's seeked from ~6 seconds onwards
http://www.wealthplanning.tv/media/videos/introduction.webm
html link here too http://wealthplanning.tv/media/videos/test.html
Works fine in Chrome, and even opera when inside the video tags.
Anyone have any ideas?
Seems that it was an encoding issue. Was using Miro originally, but tried it with XMedia Recode instead and that solved it.

WebM audio issues in Firefox 4. Even tested in FF 7

I am facing a rather strange issue with Firefox. This is the webm file that I am trying to play:
http://www.filesonic.in/file/2825764155
This plays fine in Firefox but problem comes when I try to jump to a particular second using slider. It just stops playing the song. What can be the issue? I didn't face this problem in Chrome.
Any help would be appreciated.

My HTML5 webpage is not being read correctly in IE 9

Hello my website http://www.paruhdice.com/index2.html is not acting as it should be. It worked some what fine in IE 8. And works perfectly in the latest CHROME and Firefox... but my sliding navigation is not even responding. What should I do? Prompt users to use CHROME or FIREFOX... or is there a fix to this? Thanks ahead of time
It seems to be working for me in IE 9.0.8112.16421 as well as the latest Firefox release. The left-hand navigation bar moves smoothly with the window as I re-size.
Unfortunately, HTML5 is not a fully implemented standard, so you won't get full support in any browser. IE9 was also released back in march and both Chrome and Firefox have made great strides since then to add more support for HTML5. Doing a quick web search I came up with the site, http://html5test.com/results.html. It certainly gives an interesting overview of your current browsers support for html5 as well as the ranking of other browsers by comparison.
Since it all ready sounds like you are telling all of the old IE, Safari, Firefox users to update to view your site, I see no reason to tell them some features don't work and you recommend they upgrade.

Chrome's HTML5 audio controls have a transparent background. How to fix this?

I have an <audio> element in a webpage. I'm happy to use the native browser controls, which are fine in Firefox, Safari, and Chrome for the Mac.
However, Chrome (12.0.742.122 on Windows 7) is displaying the native audio player without any background:
For comparison's sake, here's how it looks on Chrome (14.0.835.0) on OSX:
I realise my Mac's a couple of versions forward (it's on the dev channel) but this seems like a surprising issue. Any idea how to fix it?
Alternatively, can anyone recommend a completely painless player (with flash fallback) that I can drop it to style them all the same?
If you wrapped it in a div with a medium-gray background, wouldn't it work around the problem in Chrome 12 and still look the same in Chrome 14?
This is a known bug: http://code.google.com/p/chromium/issues/detail?id=82170

html 5- Videos - White is washed off in Chrome

Trying to get html5 videos working and running into a color problem.
(For those interested, there's also this problem)
Chrome renders videos slightly differently than other browser.
On safari & firefox the background is nice and white. On chrome it's a washed off beige.
See compared screenshots:
It doesn't matter which codec is used - Chrome reads m4v, ogg and webm fine - but they all render washed off..
Can't seem to be able to correct this.
Any idea?
Ok, that's interesting.. seems to only happens on the latest dev version (10.0.648.6).
If I switch back to the current mainstream version (8.0.552.237) all the problems go away (including the cross-referenced question problem)