首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >以编程方式在全屏打开iframe视频

以编程方式在全屏打开iframe视频
EN

Stack Overflow用户
提问于 2019-12-14 02:43:23
回答 2查看 1.4K关注 0票数 1

我在网络视图中使用iframe打开youtube视频。它显示视频的默认控制按钮,包括全屏按钮。怎样才能自己调用全屏按钮的功能?例如,我想去全屏的景观,但视频在全屏打开,只有点击全屏按钮或第一次加载。我需要在播放视频时转到全屏。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-06-26 12:29:43

我找到了功能。webkit的视频标签中有webkitEnterFullScreenhttps://developer.apple.com/documentation/webkitjs/htmlvideoelement

因此,我所需要的就是通过javascript获取视频并执行功能:

代码语言:javascript
运行
复制
playerView.webView?.evaluateJavaScript("document.getElementById('player').contentDocument.getElementsByClassName('video-stream')[0].webkitEnterFullScreen()") { object, error in
       print(error)
}
票数 0
EN

Stack Overflow用户

发布于 2019-12-14 05:31:42

希望您正在使用YTPlayer的YouTube视频。如果没有,你可以在这里找到玩家-- GithubLink

对于YTPlayer,有一个参数playsinline.要始终播放全屏,您需要将playsinline属性设置为0。类似于:

代码语言:javascript
运行
复制
 let playerVars = [
    "playsinline" : 0
  ]
  player.loadWithVideo(id:movieURL, playerVars:playerVars)
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59331905

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档