单击“播放”按钮后，如何将 Vimeo 视频设置为以全屏模式播放？答案

【问题标题】：How do I set a Vimeo video to play in fullscreen mode once the Play button is clicked?单击“播放”按钮后，如何将 Vimeo 视频设置为以全屏模式播放？
【发布时间】：2019-04-18 13:23:36
【问题描述】：

我的网站嵌入了 Vimeo 视频。它嵌入在大约 1/3 屏幕宽度的列中；我希望用户在点击播放后自动全屏查看。

播放器上的全屏按钮工作正常，但我想绕过它，以便用户在全屏模式下自动看到它，而无需按全屏。

我当前的代码是：

<iframe style="border: 5px solid #2a923d;" 
src="https://player.vimeo.com/video/xxxxxxxxx?autoplay=0&playsinline=false" 
width="640" 
height="200" 
allowfullscreen></iframe>

所以我不希望它自动播放；我希望它在播放被击中之前保持良好和小巧，然后我希望它打开全屏并播放。

我做错了什么？

【问题讨论】：

你已经尝试了什么？您能否提供有关您的查看环境的详细信息——平台、浏览器等？如需其他 StackOverflow 用户的帮助，您必须提供尽可能多的信息，请参阅 How to Ask 以获得指导。
嗨，Tommy，我已经在上面展示了我的尝试。我不确定还能尝试什么。我尝试将“false”更改为“0”，但仅此而已。我在 Safari 上使用 MacOS，但在 Windows 上使用 Chrome/Firefox/Safari 的其他用户也发现了同样的问题，所以我认为环境不是问题的根源。感谢您的帮助。
如果您使用的是 Wordpress，您可以使用视频弹出插件like this，然后更改 css 以使弹出窗口变为全屏。
你试过 requestFullscreen 吗？ developer.mozilla.org/en-US/docs/Web/API/Fullscreen_API 在播放事件请求全屏为 iframe 或其父级，然后将 iframe 高度和宽度更改为 100%

标签： vimeo vimeo-player

【解决方案1】：

单独使用 Vimeo 工具，无法强制播放器全屏播放。

您也许可以使用 Vimeo Player SDK 到 listen for a play event，然后使用 JS Fullscreen API 将其放入全屏，也许还可以使用像 BigScreen 这样的库，但我个人不确定如何连接这些点在一起。

【讨论】：