【问题标题】: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>

【问题讨论】:

标签: 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,这将使视频占据全屏!

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-10-21
    • 1970-01-01
    • 2021-05-07
    • 1970-01-01
    相关资源
    最近更新 更多