嵌入的视频不在帧内

Question

我有从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>

Answer 1

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

请注意，在您的网站上，视频栏(带有播放按钮和全屏按钮的视频栏)按其应有的宽度运行，但视频却不是这样。这似乎进一步表明，问题出在你的宽度:高度。

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

编辑:这可能意味着你必须把整个2012年的展示区做得更高一点。希望这不是问题吧？