嵌入式視頻而不是坐在框架

內我已經從嵌入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>

來源

2012-07-17 user1096057

這是vimeo鏈接我從以下視頻中獲取：http://vimeo.com/17157212 – user1096057 2012-07-17 15:31:09

那麼我的猜測是，這與你的身高/體寬比有關。如果您查看視頻的默認嵌入鏈接，width：height是500：281，相差大約1.78倍。你的寬高比是2.15。

請注意，在您的網站上，視頻欄（帶有播放按鈕和全屏按鈕的欄）的寬度應該儘可能寬，但視頻不會。這似乎進一步表明，問題是你的寬度：高度。

也許試着讓你的身高是你身高的1.78倍，看看會發生什麼？

編輯：這可能意味着你必須讓整個2012年的展區面積更高一些。希望這不是問題？

來源

2012-07-17 15:38:36

感謝您的幫助 – user1096057 2012-07-17 15:49:19

沒問題！但我只是再次檢查您的網站。它看起來像你現在有適當的寬度：高度，但你沒有調整它的大小。進入你的CSS，並使任何div讓你的視頻更高一點，那麼你應該很好去 – 2012-07-17 15:57:27

嵌入式視頻而不是坐在框架

回答

相關問題