iOS 8下的视频播放按钮放错位置

时间:2014-09-23 09:29:40

标签: iphone html5-video ios8

不知何故,html视频标签似乎在iOS 8(UIWebView)中出现问题。没有办法专注于#34; play"视频图像上的按钮。它看起来总是那样:

enter image description here

如果我们在iOS 7.1中运行完全相同的代码,它看起来像是:

enter image description here

我们加载到UIWebView中的HTML看起来像这样:

<html>
    <body>
        <video style="width:100px;height:100px;" controls="" poster="http://goo.gl/Rz0Tkv">
            <source src="/tmp/2f4194b4-cabd-4c34-9f34-78561b8a900f.mp4" type="video/mp4" />
        </video>
    </body>
</html>

我们发现无法调整播放按钮的大小。 CSS中的高度/宽度,直接HTML,甚至将整个视频标签放入div和样式中,这没有任何效果。

有趣的是,在iOS 8中,海报标签对于视频是必需的,否则没有缩略图(在iOS 7中,默认情况下是视频的缩略图)。

在我看来就像一个错误,你对快速解决方法有什么想法吗?除了在apple ofc开一张票......

更新 对于 iframe 标记来说,这似乎是同样的问题。

0 个答案:

没有答案