1
Vote

Google Chrome overlays canvas on <video> tag

description

I just discovered this today: When using the latest version of the jQuery Background Canvas, it seems to have an issue on Win XP Pro with Google Chrome (4.1.249.1045): If you have an <LI> that contains a <video> tag, the CANVAS object overlays it. You can still play the video, but it looks hazy, like you're watching it through a filter.

Here's the relevant code for the <LI> that uses the Background Canvas library:

<li class="Test">
<video id="vid" width="352" height="209" poster="./cat.jpg" controls preload>
<source src="global/vid/cat.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' onerror="fallback(this.parentNode)"></source>
<a
 href="global/vid/cat.mp4"  
 style="display:block;width:352px;height:264px"  
 id="player"> 
</a>
</video>
</li>

I've attached a screen capture of what it looks like on Google Chrome. Thanks.

file attachments

comments