동영상 넣을 때 참고할 자료 & 문제 해결

이거 보고 따라하면 될듯 

https://medium.flutterdevs.com/video-player-in-flutter-22202be72d6e

Video Player In Flutter

 

 

Web app을 만들때 video_player 패키지를 사용하면 앱을 실행했을 때 문제가 하나 발생했다. 

video_player로 동영상을 백그라운드로 플레이 하는 View를 포함한 OnePage 홈페이지를 만들고 있는데, 브라우저의 크기를 변경하면 동영상 view 이외의 view들의 background color가 흰색이나 흰색 비슷한 색으로 변경되는 것이었다. 

 

video_player 를 사용하는 위젯만 제거하고 실행하면 아무 문제 없이 동작한다. 

혹시나 theme에서 설정한 scaffoldBackgroundColor가 변경되나 싶어서 확인해봐도 이 값은 그대로 유지되고 있다. 그러면 왜 브라우저 크기를 변경했을 때 background 색이 바뀌는 걸까?

 

검색하다 찾은 것중에 한곳에서 web 에서 renderer 설정을 html로 해주니 문제가 해결되었다는 글이 있다. 

 

The jank seems to stop after a few resizes. The jank is only experienced with canvaskit, html works just fine.

 

그래서 나도 html로 설정해줬더니 문제가 해결되었다~!