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

0
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...

Answered almost 9 years ago by Tony Crockford
0
points

Ok, it was the overflow in #table. It works fine now, but the posts run into each other...

Answered almost 9 years ago by blaktornado
0
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;
}
Answered almost 9 years ago by Tony Crockford