0

我已将 Vimeo 中的视频嵌入到我的网站上，但即使我指定了正确的高度和宽度，它似乎也不适合网站框架

http://www.dawaf.co.uk/wildlion/

视频左右两侧出现黑色边框

        <div class="panel-10" id="hero_carousel">
                <ul class="hero-carousel">
                    <li>
<iframe src="http://player.vimeo.com/video/17157212?title=0&amp;byline=0&amp;portrait=0&amp;color=c9ff23" width="672" height="312" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

                        <div class="carousel-copy">
                            <p class="carousel-title">
                                2012 Showreel
                            </p>

                            <p class="carousel-subtitle">
                                Cutting Edge Media
                            </p>

                            <p>Here is some of our recent work to give you a taste of what we have to offer. Some naughty media production companies use stock footage in their showreel, but we promise that all of the media seen in ours is in fact ours.</p>

                            <p class="readmore"><a href="http://www.dawaf.co.uk/wildlion/portfolio">View Portfolio<span></a></p>
                        </div>
                    </li>
                </ul>
            </div>
4

1 回答 1

1

好吧，我的猜测是，这与您的高/宽比有关。如果您查看视频的默认嵌入链接，则 width:height 为 500:281 ，相差约 1.78 倍。你的宽高比是 2.15。

请注意，在您的网站上，视频栏（带有播放按钮和全屏按钮的那个）尽可能宽，但视频没有。这似乎进一步表明问题在于您的宽度：高度。

也许试着让你的宽度成为你身高的 1.78 倍，看看会发生什么？

编辑：这很可能意味着你必须让整个 2012 年的放映区域更高一点。希望这不是问题？

于 2012-07-17T15:38:36.030 回答