Как я могу удалить эту теневую пользовательскую кнопку из видео HTML?

Как я могу удалить эту пользовательскую кнопку корня тени из видео HTML?

Я использовал слайд-шоу на своем веб-сайте. Есть пара изображений и видео. Я не включил никаких теневых элементов или элементов управления для этого видео, однако есть пользовательская кнопка, чтобы открыть его снаружи, и я не могу отключить его никакими способами.

Я пробовал разные сценарии JS, чтобы прикрепить тень и установить режим на закрытое, но я получаю сообщение об ошибке, что этот видеоэлемент не может иметь прикрепленную тень.

Вот кнопка, о которой я говорю

Пример сценария, который я использовал:

 function makeShadowTree(shadowClose) { var root = shadowClose.attachShadow({mode: 'closed'}); } document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.slides--i').forEach(makeShadowTree); }); 
 {amp}lt;div class="slides"{amp}gt; {amp}lt;div class="slides--i" id="slide--1"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;div class="slides--i" id="slide--2"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;video autoplay muted loop class="slides--i" id="slide--video"{amp}gt; {amp}lt;source src="img/slides/slide-03-video.mp4" type="video/mp4"{amp}gt; {amp}lt;/video{amp}gt; {amp}lt;/div{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector