Question

我正在使用WKWebView来显示html5视频元素。当最初加载视图时，有播放按钮（大圆形按钮）。如果按下它，则会显示内置视频全屏控制器并开始播放视频。

播放视频时，按“完成”按钮：
1.全屏控制器崩溃，我看到我的webview
2.但没有播放按钮（所以我无法再次开始播放视频）

如果您先暂停视频并按“完成”，或者观看视频到最后再按“完成”，一切都会正常。

在没有问题的情况下适用于IOS8。

是IOS9错误，还是我配置错误？可能有哪些变通方法？

这是加载到webview中的html：

@"<!DOCTYPE html>
<html>
<head>
    <meta name=""viewport"" content=""width=device-width, initial-scale=1, user-scalable=no"">
    <style>
        html, body {{
            margin: 0;
            padding: 0;
            background-color: #000;
        }}
        video {{
            background-color: #000;
            width: 100%;
            height: auto;
            max-height: 100%;
            margin: auto;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            position: absolute;
        }}
    </style>
</head>
<body>
<video poster=""{0}""><source src=""{1}"" /></video>
</body>
</html>";

Answer 1

问题是错过了控件属性。

来自Apple文档：

HTML5和标签使您可以轻松地向您的网站添加媒体。只需添加<audio>或<video>元素，使用src属性标识媒体源，并包含controls属性。

https://developer.apple.com/library/content/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.html

IOS9 WKWebView html5视频无播放按钮

1 个答案: