Html5 Video - Full Screen Aspect Ratio
-
for all the 3 questions I cannot really help.
You can edit with CSS the behavior of HTML5 videos. Even the aspect ratio.
With jQuery you could trigger the fullscreen button.I think it is not that difficult. I did something similar once. There are pretty good tutorials online to do this.
Sorry I cannot help you further. If you have a more specific problem, when you are working on that solution – I am happy to assist.
Many wishes!
Marius
-
Hi @mariusjopen
Ok, thank you :)
-
@sebastianpetrov I am also facing the same issue on my website. Did you manage to find a solution for this?
Usually I have videos on 2.35:1 and whenever I set them in fullscreen, they are somehow cropped. I lose most of the details on both left and right sides.
-
-
@sebastianpetrov I am also facing the same issue on my website. Did you manage to find a solution for this?
Usually I have videos on 2.35:1 and whenever I set them in fullscreen, they are somehow cropped. I lose most of the details on both left and right sides.
@heberbrandao No, I did a bit of research as Marius suggested, but I couldn't really figure it out. Would be awesome if this was built into an update of lay theme!
-
@mariusjopen, here is an example of the website I am building:
http://andreszardenings.com/nahe-shortfilm/.In this page the video, is shown with an aspect ratio of 2.35:1, as I said before.
But when I make it fullscreen, somehow the code cuts the right and left sides and we miss most of the details.
I've been trying to fix it for a week now, but no luck with that. -
Dear @sebastianpetrov
ok, I can see what you mean.
Try to add this into your CUSTOM CSS code:
.html5video video { object-fit: contain; }Berst!
Marius
-
Dear @sebastianpetrov
ok, I can see what you mean.
Try to add this into your CUSTOM CSS code:
.html5video video { object-fit: contain; }Berst!
Marius
@mariusjopen said in Html5 Video - Full Screen Aspect Ratio:
.html5video video {
object-fit: contain;
}That did it for me! Thank you :)
-
Dear @sebastianpetrov
Ah great! Happy to hear!Marius
-
@mariusjopen said in Html5 Video - Full Screen Aspect Ratio:
.html5video video {
object-fit: contain;
}Also worked magically for me!
Thanks! -
Perfect! Happy to hear!
Hello! It looks like you're interested in this conversation, but you don't have an account yet.
Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.
With your input, this post could be even better 💗
Register Login