如何輸出寬度=「100％」或寬度=「」的iframe。不，寬度=「100」

我使用vimeowrap循環播放視頻播放列表。我希望vimeowrap輸出的iframe的寬度和高度爲「100％」或「」無。要麼會工作。如何輸出寬度=「100％」或寬度=「」的iframe。不，寬度=「100」

Vimeo的餘音：http://luwes.co/labs/vimeo-wrap/

我的測試頁：http://www.a3network.com/vimeo_wrap.html

下面是我測試。

<script> 
    vimeowrap('player').setup({   
     urls: [ 
      'https://vimeo.com/16437160', 
      'https://vimeo.com/16439781', 
      'https://vimeo.com/16449483', 
      'https://vimeo.com/16449643', 
      'https://vimeo.com/16449980', 
      'https://vimeo.com/16450347' 
     ], 
     width: '100%', 
     height: '100%' 
    }); 
</script>

我得到這樣的輸出：

<iframe width="100" height="100" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" src="http://player.vimeo.com/video/16437160?api=1&amp;player_id=player_0" id="player_0" style="position: absolute; display: block;"></iframe>

我需要這樣的輸出：

<iframe width="100%" height="100%" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" src="http://player.vimeo.com/video/16437160?api=1&amp;player_id=player_0" id="player_0" style="position: absolute; display: block;"></iframe>

任何幫助，建議，線索，線索，線索都非常歡迎和高度讚賞。

來源

2013-06-24 Lawrence1972

它看起來像VimeoWrap可能只接受像素值寬度和高度。這可能會有所幫助：[流體和響應YouTube和Vimeo視頻與fluidvids.js]（http://toddmotto.com/fluid-and-responsive-youtube-and-vimeo-videos-with-fluidvids-js/） – showdev

看來，vimeowrap不支持設置百分比高度/寬度。你可以簡單地改變幀的風格添加後，例如（使用JQuery）：

vimeowrap('player').setup({   
    urls: [ 
     'https://vimeo.com/16437160', 
     ... 
    ] 
}); 
$("#player").find(":iframe").css("width", "100%").css("height", "100%");

您還可以看看我曾經嘗試了這一點的fiddle。

來源

2013-06-24 23:59:06

你可以一個處理程序添加到playlist和playerReady事件，然後調整大小的div和iframe 100％：

var player = vimeowrap('player').setup({ 
    ... 
}); 

player.events.playlist.add(function() { 
    player.container.style.height = '100%'; 
    player.container.style.width = '100%'; 
    player.display.style.width = '100%'; 
    player.display.style.height = '100%'; 
}); 

player.events.playerReady.add(function() { 
    player.iframe.width = '100%'; 
    player.iframe.height = '100%'; 
});

演示：http://jsfiddle.net/C5UTC/

來源

2013-06-25 01:41:43 Sam

如何輸出寬度=「100％」或寬度=「」的iframe。不，寬度=「100」

回答

相關問題