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

Full screen doens't scale the video to full screen #86

Open
Yoruba opened this issue Apr 6, 2017 · 5 comments
Open

Full screen doens't scale the video to full screen #86

Yoruba opened this issue Apr 6, 2017 · 5 comments

Comments

@Yoruba
Copy link

Yoruba commented Apr 6, 2017

Is it possible to scale the video to fit into the screen when the player is in full screen mode?
With the HTML5 player the video is fill the whole screen when it is in full screen mode.
(see link for html5 player)

Thanks for the player, Adri

@mderrick
Copy link
Owner

mderrick commented Apr 7, 2017

Yes this is how it used to work but you lose the custom styled controls when doing this as per issue #72. It's either go totally full screen or "half" full screen with custom controls bar. I may consider adding an option to maybe pick the fullscreen mode if you do not mind losing the custom controls when doing so.

@Yoruba
Copy link
Author

Yoruba commented Apr 7, 2017

Thanks for you response.
Maybe the width of the class .video can be set to the width of the browser or screen? (screen.width)
Then you can keep the controls.

@cgbrucezjy
Copy link

yes, I would really love to have actual full screen size :)

@cgbrucezjy
Copy link

also just to share my quick fix.
go into the css file inside react-html5video node mudule and find the css file
update this part with width and height worked for me.
(I did have a div wrap around my video component in normal size so it wont go full screen all the time)
.rh5v-DefaultPlayer_component {
position: relative;
font-family: Helvetica;
font-size: 11px;
background-color: #000;
width:100%;
height:100%;

}

@vipullimbachiya
Copy link

How do I get fullscreen with browser controls? I need scaled video in fullscreen, does not matter if it shows browser controls in the fullscreen. Please help. Thanks.

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

No branches or pull requests

4 participants