Reputation: 1311
Using the example from the Onion's VAST plugin for Video.js, I switched out the VAST xml file for one of my own which has a flash video for the ad's video source. When I play this in Chrome, I see the video start to play for a split second, then it stops and goes black. The error is:
Video.js: currentTime unavailable on Flash playback technology element.
The weird thing is that this setup works perfectly in Safari 8 on OSX.
Any ideas on what's going on here?
Update: Found the source of the problem is coming from my not including the videoJS CSS. Once I put that back in, the flash video ad plays again. How can not including CSS break this? Again, not including this CSS only breaks the playback on Chrome.
Upvotes: 1
Views: 1335
Reputation: 14580
The script is crashing when the video
element is not absolutely positioned. I haven't dug deeply enough to figure out exactly what the dependency is, but I'm pretty sure it's to do with the updating of the text in the "Skip in 5...4..." button. In fact your "split second" is exactly a second - it plays until the countdown tries to advance, and then throws an exception.
If you include this style the video will play
.vjs-tech { position: absolute; top:30px }
(the top: 30px
is just so the video doesn't cover the play button - it still works with just the position: absolute
, but it's harder to find the button)
Upvotes: 1