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年的showreel区域更高一点。希望这不是问题吗？

嵌入式视频不在框架内

1 个答案: