VAST Flash 视频广告未在 Chrome 和 Video.js 中播放

VAST Flash Video Ad not playing in Chrome with Video.js

使用 the Onion's VAST plugin for Video.js 中的示例,我将 VAST xml 文件切换为我自己的文件,其中包含广告视频源的 Flash 视频。当我在 Chrome 中播放此视频时,我看到视频开始播放一瞬间,然后停止并变黑。错误是:

Video.js: currentTime unavailable on Flash playback technology element.

奇怪的是,此设置在 OSX 上的 Safari 8 中完美运行。

对这里发生的事情有什么想法吗?

更新: 发现问题的根源来自于我不包括 videoJS CSS。一旦我把它放回去,Flash 视频广告就会再次播放。 如何不包括 CSS 打破这个? 同样,不包括这个 CSS 只会打破 Chrome 上的播放。

video 元素未绝对定位时,脚本会崩溃。我还没有深入挖掘以弄清楚依赖项到底是什么,但我很确定它与更新 "Skip in 5...4..." 按钮中的文本有关。事实上,您的 "split second" 恰好是一秒 - 它一直播放到倒计时试图推进,然后抛出异常。

如果您包含此样式,视频将播放

.vjs-tech { position: absolute; top:30px }

top: 30px 只是为了让视频不会覆盖播放按钮 - 它仍然可以只使用 position: absolute,但更难找到按钮)