2013-12-14 39 views
2

這裏是jsfiddle:http://jsfiddle.net/xibalbian/qbq8S/embedded/result/ 我想要實現發送到右邊沒有打破敏感的視頻。這段代碼有什麼問題(響應html-css-js)?

<section id="full-video"> 
    <div class="video-wrapper"> 
     <div class="video-container"> 
      <iframe width="640" height="480" src="//www.youtube.com/embed/WeYsTmIzjkw?rel=0" marginheight="0" marginwidth="0" frameborder="0" allowfullscreen></iframe> 
     </div> 
    </div> 
</section> 
<aside id="social" class="margin2"> 
    <a href="www.example.com" class="indiegogo" data-lang="en"><img src="img/indie.png" style='width:auto; max-width:200px;' border="0"></a> 
    <a href="www.facebook.com/examplepage" class="fbgroup" data-lang="en"><img src="img/fbgroup.png" style='width:auto; max-width:200px;'></a> 
    <div class="twitter-follow-button"><a href="https://twitter.com/arterast" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow</a></div> 
    <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div> 
    <div class="twitter-share-button"><a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a></div> 
    <div class="g-plusone"></div> 
</aside> 

佈局沒問題,放在右邊。但視頻不響應。

當我改變<section id="full-video"><section id="full-video margin">

(這裏是爲小提琴:http://jsfiddle.net/xibalbian/72wG5/#base)......視頻行爲響應,但隨後在視頻下方的是,除了去... 的代碼也不是那麼好,但我正在努力提高自己,對此感到遺憾。 我錯過了什麼?

+0

如果通過「迴應,」你的意思是視頻的大小應該改變基於瀏覽器窗口大小,你將有一個很難做到這一點,當你解決了含'