Question

我对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>

AND这是vimeo iframe：

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

Answer 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，这将使视频占据整个屏幕！

Vimeo全屏尺寸

1 个答案: