resize player

[Lane7creative]

Is there a way to get the player at 100% width? I've tried just about all the css and javascript calls to iframes as i can think of. Thoughts?

[luwes]

Looking at the code, there's surprisingly no easy way to achieve that. I'll try to add this in the future. If you need it right now I can do it but for a small fee. Cheers

[Lane7creative]

figured it out...add a class to the div wrap...call it in css .class_name iframe{width: 100%}

[1stevengrant]

@Lane7creative I did similar with

<div class="vimeoPlaylist">
                    <div id="player"></div>
                </div>

but the inline style applied by the JS always wins out. Any suggestions?

[mrlad]

Just checking, is there any workaround for this issue or a way to specify the percentage width for the style sheet that the player will honor? Really need the player to be full width of the window. Pixel width isn't working well on mobile devices.

[Lane7creative]

I'm using this html.

Then I'm adding css to class video-player with width 100% and height 100%; I'm also calling out the iframe with same 100%. Hope this helps. Css looks like this.

.video-player{position:fixed; top:0px; left:0px; margin:0; padding:0; width:100%; height:100%; z-index: 5000; }

#video-player2{position:fixed; top:0px; left:0px; margin:0; padding:0; width:100%; height:100%; z-index: 5000; }

.video-player iframe{width:100% !important; height: 100% !important;}

.player{position:absolute; top:0px; left:0px; margin:0; padding:0; width:100%; height:100%; z-index: 5000; }

#video-player2 iframe{width:100% !important; height: 100% !important;}

[Lane7creative]

Sorry this html <div id="video-player2" class="video-player" style="display:none;"></div>

[mrlad]

What element in the CSS should I be associating with the vimeowrap()? vimeowrap('player')?

[bengoshow]

Pull request: https://github.com/luwes/vimeowrap.js/pull/25