Vimeo嵌入视频并非在Chrome上全屏显示

时间:2014-06-06 10:23:29

标签: javascript html css wordpress vimeo

Here,已知问题是在Crome的投资组合项目中全屏嵌入Vimeo视频。

通过多次调试尝试,我找到了所需的解决方法。

Wordpress将iframe放在投资组合项目中具有类名large-6 columns project-content animated fadeInRightBig的div下:

<div class="large-6 columns"></div>
<div class="large-6 columns project-content animated fadeInRightBig">
    <p>
        <iframe src="//player.vimeo.com/video/96460937" width="625" height="352" frameborder="0" title="Bardaki Ruh 3.bölüm" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>

如果我将节点INBETWEEN放置为具有类名large-6 columnslarge-6 columns project-content animated fadeInRightBig的div:

<div class="large-6 columns"></div>
<iframe src="//player.vimeo.com/video/96460937" width="625" height="352" frameborder="0" title="Bardaki Ruh 3.bölüm" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
<div class="large-6 columns project-content animated fadeInRightBig">

问题解决了。

我能想到的唯一方法是使用JS,但我无法做到。我对所有建议持开放态度。

0 个答案:

没有答案