Как я могу изменить компонент iframe YouTube для доступности?Javascript

Форум по Javascript
Ответить
Anonymous
 Как я могу изменить компонент iframe YouTube для доступности?

Сообщение Anonymous »

У меня есть с видео на YouTube, это видео имеет логотип канала YouTube, и если вы нажимаете, он доставит вас на канал, пока все хорошо. Но по причинам доступности, когда навигация на клавиатуре он должен работать так же, когда вы нажимаете клавишу «Enter». И это не позволяет мне получить доступ к компоненту с классом. /> Это html и js.
Есть предложения? Br />

Код: Выделить всё

(function () {
const tag = document.createElement("script");
tag.src = "https://www.youtube.com/iframe_api";
const firstScriptTag = document.getElementsByTagName("script")[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

window.addEventListener("load", () => {
const iframe = document.getElementById("video2_youtube");

try {
const player = new YT.Player(iframe, {
events: {
onReady: (event) => {
console.log("Player ready");
},
onError: (event) => {
console.error("Error in the player:", event);
},
},
});
console.log(player.getIframe());
console.log(player.getIframe().getElementsByTagName("body")); //dont show anything
} catch (error) {
console.error("Initialisation error:", error);
}
});
})();
< /code>
Я пытался использовать API YouTube, но я не знаю, делаю ли я это правильно или нет. < /p>
Если я создаю Объект игрока из API и используйте player.getiframe () 
он возвращает iframe, но выполнение Queryselector из компонента внутри внутри. Я понимаю, что внутри iframe есть еще один DOM, и поэтому я не могу выбрать его из JS.

Подробнее здесь: https://stackoverflow.com/questions/794 ... essibility
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»