I'm having a bit of trouble with HTML5 videos on my blog. In Chrome, the video plays perfectly, but in Safari it breaks. The video's player bar starts to load to the left of the screen, then a big black rectangle is left where the video should be. Does anyone know how I can fix this? (I'm using Wordpress)
3 answers
points
if it helps, it's something in your stylesheet here:
<link href="http://www.blaktornado.com/blog/wp-content/themes/blaktornado4/style.css" rel="stylesheet" type="text/css" media="screen,projection" />
that's breaking it - I checked your source locally and it all works if I knock out the stylesheet.
Can't see what it is yet (z-index? perhaps)
but at least you could start by knocking out any CSS affecting that area and replacing it line by line...
points
Ok, it was the overflow in #table. It works fine now, but the posts run into each other...
points
try putting it back and then adding:
table div {
overflow: visible;
}
better still give the table with the video in it an ID (of videobox) and do
table#videobox
{
overflow: visible;
}
