gpt4 book ai didi

ios - 如何设置与 WKWebView 框架相同的 iFrame 高度和宽度?

转载 作者:搜寻专家 更新时间:2023-11-01 06:53:18 27 4
gpt4 key购买 nike

我给出了 WKWebView("myPlayer" in below code) 的尺寸为 iFrame 动态构建框架嵌入其中但 youtube 视频 View 显示 WKWebView 的 1/3 .下面是我的代码和引用图片。

small video in WKWebView

let videoURL:URL = URL(string: "https://www.youtube.com/embed/695PN9xaEhs")!
@IBOutlet weak var myPlayer: WKWebView!
var didLoadVideo = false
var embedVideoHtml:String?
override func viewDidLoad() {
super.viewDidLoad()
embedVideoHtml = {
return """
<!DOCTYPE html>
<html>
<body>
<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>

<script>
var tag = document.createElement('script');

tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
playerVars: { 'autoplay': 1, 'controls': 0, 'playsinline': 1 },
height: '\(myPlayer.frame.height)',
width: '\(myPlayer.frame.width)',
videoId: '\(videoURL.lastPathComponent)',
events: {
'onReady': onPlayerReady
}
});
}

function onPlayerReady(event) {
event.target.playVideo();
}
</script>
</body>
</html>
"""
}()


}

所以有人知道如何在 myPlayer 框架中调整 youtube 视频 View 吗?

最佳答案

在你的embedVideoHtml之前<body>添加以下代码:

<style>
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
</style>

并在播放器参数中更改以下参数:

height: '\(myPlayer.frame.height)',
width: '\(myPlayer.frame.width)',

到:

height: '100%',
width: '100%',

进行这些更改后,您的播放器应调整为 WKWebView 的大小

关于ios - 如何设置与 WKWebView 框架相同的 iFrame 高度和宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55629902/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com