如何输出宽度=“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”

回答

相关问题