Vimeo 全屏尺寸答案

【问题标题】：Vimeo fullscreen sizeVimeo 全屏尺寸
【发布时间】：2015-01-12 17:33:05
【问题描述】：

我对 vimeo 全屏尺寸有疑问。我使用wordpress，当我按下链接并显示全屏时，我想这样做。例如我的代码：

 <a class="hovermask"  data-toggle="modal" data-target="#modal-portfolio-<?php echo str_replace(" ", "-", $field['title']); ?>"><span><?php echo $field['title']; ?></span></a>

这是 vimeo iframe：

 <iframe src="//player.vimeo.com/video/99628364?color=fcfeff" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

【问题讨论】：

您的代码似乎与您的问题不符？
Vimeo 有一套 HTTP 和 JS API，也许你可以在那里找到一些东西：developer.vimeo.com/player/js-api

标签： css wordpress vimeo

【解决方案1】：

要全屏显示 Vimeo 视频，请将此 css 添加到您的 iframe：

iframe{
       margin: 0px;
       padding: 0px;
       border: 0px;
       border-image-source: initial;
       border-image-slice: initial;
       border-image-width: initial;
       border-image-outset: initial;
       border-image-repeat: initial;
       position: fixed;
       min-width: 0px;
       max-width: none;
       min-height: 0px;
       max-height: none;
       width: 100%;
       height: 100%;
       left: 0px;
       top: 0px;
       }

假设您使用的是标准嵌入式 iframe，这将使视频占据全屏！

【讨论】：