Vimeo全屏尺寸

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>

这是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！