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
Reference
이 문제에 관하여(Chrome에서 CSS의 Transform과 동영상 재생을 6화면으로 병용하면…), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/mmt/items/95c6f9d76184ad3bb70d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)