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

幕間動画再生時のリサイズを修正する #739

Merged
merged 3 commits into from
Dec 26, 2023

Conversation

cma2819
Copy link
Member

@cma2819 cma2819 commented Dec 26, 2023

  • video タグは画面全体に描画し、 object-fit: contain で内側に収まるようにしました

@pasta04 pasta04 added bug 設計書違反とか機能不全とか graphics レイアウトに影響する内容 labels Dec 26, 2023
@pasta04
Copy link
Contributor

pasta04 commented Dec 26, 2023

テストしたいパターン

  • 画面サイズを超える (3840x2160)
  • 画面サイズちょうど (1920x1080)
  • 画面サイズより小さい (1600x900)
  • 逆アス比1080x1920
    • 16:9以外のパターンもこれで網羅

@cma2819
Copy link
Member Author

cma2819 commented Dec 26, 2023

動画自体を用意するのは面倒なのでOBSブラウザ側のサイズを変えてそれっぽくテストはしました

  • 画面サイズを超える (3840x2160)

image

image

  • 画面サイズちょうど (1920x1080)

image

image

  • 画面サイズより小さい (1600x900)

OBSブラウザの高さ/幅を大きくして確認しました

image

image

  • 逆アス比1080x1920
    • 16:9以外のパターンもこれで網羅
  • OBSのブラウザを9:16にして確認しました(アス比の不一致)
  • 内側合わせでリサイズされている

image

image

@yagamuu yagamuu merged commit 7ec773b into master Dec 26, 2023
1 check passed
@yagamuu yagamuu deleted the resize-interval-video branch December 26, 2023 21:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 設計書違反とか機能不全とか graphics レイアウトに影響する内容
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants