目に優しいエンジニアブログ
Protect your eyes.

Next.js

React

【React-Player】動画を表示領域の真ん中に表示する

デザイン上、親コンポーネントによって動画の表示領域が固定になっている場合、下のコードの様に普通に表示すると動画の左上の部分だけが切り抜かれて表示されてしまいます。 まず、親コンポーネントに合わせて、widthとheightを指定します。(100%でも可)
2022.12.04
React
この記事を書いた人
Tenma Endou
Tenma Endou

15歳からプログラミングを始め、現在は正社員+個人事業主でほぼ休まず労働
2018年に開発したアプリ「LIVLE」がTwitterで12000RTされる。(過去の栄光)
Flutter / Nuxt.js / Laravel / Go / React
お仕事依頼はこちらから⇢engineer@tepci.me

Tenma Endouをフォローする

Latest

  • 【GitHub Actions】.envファイルを生成する方法2023年6月28日
  • 【Laravel】SanctumでトークンをBearerではなくリクエストCookieから取得する2023年6月27日
  • 【React-Player】動画を表示領域の真ん中に表示する2022年12月4日
  • 【Gin】「Key “github.com/gin-gonic/contrib/sessions” does not exist 」というエラーになってしまう2022年4月20日
  • 【Go言語/Gin】CORS対策2022年4月19日

Comments

  • Laravelで起動したlocalhostをスマホから確認する方法 に 初心者 より

Categories

  • Actions
  • AdonisJS
  • Docker
  • Flutter
  • Gin
  • GitHub
  • Go言語
  • Laravel
  • React
  • Vue
  • パッケージ
  • プログラミング
目に優しいエンジニアブログ
Copyright © 2020-2025 Tenma Endou All Rights Reserved.