Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

resize player #4

Open
Lane7creative opened this issue May 17, 2014 · 8 comments
Open

resize player #4

Lane7creative opened this issue May 17, 2014 · 8 comments

Comments

@Lane7creative
Copy link

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
Copy link
Owner

luwes commented May 17, 2014

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
Copy link
Author

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

@1stevengrant
Copy link

@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
Copy link

mrlad commented Feb 16, 2018

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
Copy link
Author

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
Copy link
Author

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

@mrlad
Copy link

mrlad commented Feb 16, 2018

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

@bengoshow
Copy link

Pull request: #25

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants