Chrome에서 CSS의 Transform과 동영상 재생을 6화면으로 병용하면…

동영상 재생이 멈췄다. . 그래서 해결 방법을 메모

상태 재현



Chrome을 여러 개 시작
동영상, CSS 애니메이션, CSS 애니메이션, CSS 애니메이션
를 동시에 표시합니다. .

시도한 한
CSS 애니메이션의 탭이 2개까지라면 공존할 수 있었다
3 개 이상부터 동영상 페이지의 동영상이 중지되었습니다.

CSS애니메이션이 끝나자 순간은 재생되었다.

원인 같은? 개소



GPU가 좋지 않아?
Video와 3D가 번갈아 가서 그 타이밍에 동영상 재생되었기 때문에
Video의 GPU 렌더를 정지할 수 있으면 좋을 것 같아?



해소한 방법



아래 설정으로 동영상 재생과 CSS 애니메이션 재생을 공존 할 수있었습니다.

CSS 애니메이션은 3 개 이상이되면 굴착하기 시작했습니다.
동영상 정지를 피할 수 있었기 때문에 OK

Chrome의 GPU 동영상 디코딩 중지





(CSS가 GPU 재생과 동시에는 할 수 없기 때문에, 동영상 재생은 GPU 사용하지 않는다)
chrome://flags/#disable-accelerated-video-decode

Chrome 하드웨어 가속 사용





(CSS의 그리기를 GPU로 열심히 받는다)
設定 > 詳細 > システム > ハードウェア アクセラレーションが使用可能な場合は使用する

참고 사이트



다양한 브라우저의 하드웨어 가속(GPU) 활성화/비활성화
h tp // 우타우츠츠네. ldb㎉g. jp/? p=133

좋은 웹페이지 즐겨찾기