fix(FEC-14080): Accessibility fix for the top bar and the bottom bar

kaltura · Sep 16, 2024 · cb40886 · cb40886
1 parent 124b0d7
commit cb40886
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/pip/pip-parent.tsx b/src/components/pip/pip-parent.tsx
@@ -22,12 +22,17 @@ export class PipParent extends Component<PIPParentComponentProps> {
   videoContainerRef = createRef<HTMLDivElement>();
 
   componentDidMount() {
-    const {player,playerType} = this.props;
-    if(playerType === PlayerType.VIDEO){
+    const {player, playerType} = this.props;
+    if (playerType === PlayerType.VIDEO) {
       const videoElement = player.getVideoElement();
       videoElement.removeAttribute('disablePictureInPicture');
     }
+    const videoFilter = document.createElement('div');
+    // TODO use ui.style.videoFilter after player version upgrade
+    videoFilter.classList.add('playkit-video-filter');
+
     this.videoContainerRef?.current?.appendChild(player.getVideoElement());
+    this.videoContainerRef?.current?.appendChild(videoFilter);
   }
 
   render(props: PIPParentComponentProps) {