From f050ffcae760b70fea041f02e2f96dad31eaaa1c Mon Sep 17 00:00:00 2001
From: Tzipi <101048005+Tzipi-kaltura@users.noreply.github.com>
Date: Thu, 12 Dec 2024 10:07:36 +0200
Subject: [PATCH] fix(ADA-1778): [ORS] - Firefox playerkit - Focusable but
 hidden/unlabeled elements in tabbing order (#804)

Issue:
Video element get focus in Firefox browser.

Fix:
Add tabIndex="-1" on the video element

solves ADA-1788
---
 src/player.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/player.ts b/src/player.ts
index ace15de6..88fc5384 100644
--- a/src/player.ts
+++ b/src/player.ts
@@ -1808,6 +1808,7 @@ export default class Player extends FakeEventTarget {
       const classNameWithId = `${ENGINE_CLASS_NAME}-${this._engine.id}`;
       Utils.Dom.addClassName(engineEl, classNameWithId);
       Utils.Dom.prependTo(engineEl, this._el);
+      Utils.Dom.setAttribute(engineEl, 'tabindex', '-1');
       if (this._engine.id === 'youtube') {
         this._el.style.zIndex = '1';
       } else if (this._el.style.zIndex) {