0

Vimeoのビデオを自分のサイトに埋め込みましたが、正しい高さと幅を指定してもWebサイトのフレームに収まらないようです

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です。

Webサイトでは、ビデオバー（再生ボタンとフルスクリーンボタンのあるバー）が必要な幅で実行されますが、ビデオは実行されないことに注意してください。これは、問題がwidth：heightにあることをさらに示唆しているようです。

おそらく、幅を高さの1.78倍にして、何が起こるか見てみてください。

編集：これは、2012年のショーリールエリア全体を少し高くする必要があることを意味する可能性があります。うまくいけば、それは問題ではありませんか？

于 2012-07-17T15:38:36.030 に答える