当前位置: 首页 > 知识库问答 >
问题:

WKWebView中的嵌入式YouTube视频禁用全屏模式

孟品
2023-03-14

我正在尝试在 加载的网页中嵌入YouTube视频。

null

let html = """
<html><head>
<title>YouTube Video</title>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, shrink-to-fit=no, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

</head>
<body>
  Here is an embedded youtube video: <br/> 
  <iframe src="https://www.youtube.com/embed/oR-6N1Dc_zc?modestbranding=1&rel=0" frameborder="0" allowfullscreen></iframe> 
  <iframe src="https://player.vimeo.com/video/270611565" width="640" height="360" frameborder="0" allowfullscreen></iframe>
</body>
</html>
"""

WKWebView的配置接近默认值(CodeAllowSinLineMediaPlayback/code>已启用)。web页面加载

YouTube播放器中的全屏模式按钮变灰了。当我点击它时,会显示以下消息:“您的浏览器不支持全屏。”:

如果改用 ,则会收到相同的消息。全屏模式似乎适用于嵌入式Vimeo视频(尽管Vimeo播放器似乎只是忽略了 属性)和使用 /code>标记嵌入的视频。当我从YouTube网站加载一段视频时,全屏模式会起作用(尽管它看起来更像是某种仿真,而不像原生的全屏模式)。

null

共有1个答案

毋举
2023-03-14

null

let webViewConfiguration = WKWebViewConfiguration()
webViewConfiguration.allowsInlineMediaPlayback = false
WKWebView(frame: .zero, configuration: webViewConfiguration)
 类似资料:
  • 我正在尝试嵌入youtube视频在我的react-native应用程序,它工作良好,但我无法获得全屏按钮/功能的视频。下面是我的代码: 我甚至尝试使用作为带有的html,但没有获得任何成功。 经过进一步的搜索,我找到了这份全屏支持的文档,并了解到我需要在中实现和。我在应用程序的node_modules文件夹中挖掘了一点,找到了位置*“ 看来可能需要添加一些自定义代码webview.setwebch

  • null null 我需要做些什么来让玩家继续前进吗?是否可以为WKWebViews增加流式视频缓冲区空间?

  • 问题内容: 如果我们只有URL或嵌入代码,谁能给我一个想法,如何 显示 或嵌入YouTube视频? 问题答案: 您必须要求用户存储youtube视频中的11个字符代码。 十一个字符代码是:Ahg6qcgoay4 然后,您将使用此代码并将其放在数据库中。然后,无论您要在页面上放置youtube视频的哪个位置,都从数据库中加载角色并输入以下代码: 例如对于Ahg6qcgoay4它将是:

  • 我正在尝试在react原生Android/iOS应用程序中播放Youtube视频。我定义了一个WebView: 并传递我要播放的视频的url: 但这将在webview中显示整个youtube页面,包括评论部分。

  • null null 在我的设备上,它显示了缩略图,但当我按播放时,它显示“发生错误,请稍后再试”。 使用Xcode7和iOS9的Im。