以编程方式全屏打开 iframe 视频
Open iframe video in fullscreen programmatically
我在网络视图中使用 iframe 打开 youtube 视频。它显示视频的默认控制按钮,包括全屏按钮。如何自己调用全屏按钮的功能?例如,我想在横向模式下进入全屏模式,但视频只能通过点击全屏按钮或在首次加载时以全屏模式打开。我需要在播放视频时全屏。
希望您使用 YTPlayer 播放 YouTube 视频。
如果没有,您可以在这里找到播放器 - GithubLink
对于 YTPlayer,有一个参数 playsinline。
要始终全屏播放,您需要将 playsinline 属性 设置为 0。例如:
let playerVars = [
"playsinline" : 0
]
player.loadWithVideo(id:movieURL, playerVars:playerVars)
找到函数了。 webkit的video标签中有webkitEnterFullScreen
:https://developer.apple.com/documentation/webkitjs/htmlvideoelement
所以我只需要通过javascript获取视频并执行功能:
playerView.webView?.evaluateJavaScript("document.getElementById('player').contentDocument.getElementsByClassName('video-stream')[0].webkitEnterFullScreen()") { object, error in
print(error)
}
我在网络视图中使用 iframe 打开 youtube 视频。它显示视频的默认控制按钮,包括全屏按钮。如何自己调用全屏按钮的功能?例如,我想在横向模式下进入全屏模式,但视频只能通过点击全屏按钮或在首次加载时以全屏模式打开。我需要在播放视频时全屏。
希望您使用 YTPlayer 播放 YouTube 视频。 如果没有,您可以在这里找到播放器 - GithubLink
对于 YTPlayer,有一个参数 playsinline。 要始终全屏播放,您需要将 playsinline 属性 设置为 0。例如:
let playerVars = [
"playsinline" : 0
]
player.loadWithVideo(id:movieURL, playerVars:playerVars)
找到函数了。 webkit的video标签中有webkitEnterFullScreen
:https://developer.apple.com/documentation/webkitjs/htmlvideoelement
所以我只需要通过javascript获取视频并执行功能:
playerView.webView?.evaluateJavaScript("document.getElementById('player').contentDocument.getElementsByClassName('video-stream')[0].webkitEnterFullScreen()") { object, error in
print(error)
}