8000 Player goes over 100% of page · Issue #369 · vime-js/vime · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Player goes over 100% of page #369

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.

Sign up for GitHub

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

Jump to bottom
Open
anKordii opened this issue Jun 2, 2023 · 0 comments
Open

Player goes over 100% of page #369

anKordii opened this issue Jun 2, 2023 · 0 comments

Comments

@anKordii
Copy link
anKordii commented Jun 2, 2023

Hi,

I want to get player on whole 6978 page but when I do that with for example ratios from bootstrap, player goes over 100% of page and scroll bar appear.

I'm not the best at css and I can't find solution to it.

Framework: Nextjs

Code

.ratio-16x9 {
    --bs-aspect-ratio: calc(9 / 16 * 100%);
}
.ratio {
    position: relative;
    width: 100%;
}
<div className="ratio ratio-16x9">
      <Player playsinline onVmPlaybackReady={onPlaybackReady}>
        <Video poster={poster}>
          <source
            data-src={video}
            type="video/mp4"
          />
        </Video>

        <DefaultUi>

        </DefaultUi>
      </Player>
</div>

Screenshot

That green thing is the scroll bar

image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@anKordii
0