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

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

2 голосов
/ 18 октября 2019

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

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

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

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

function makeShadowTree(shadowClose) {
    var root = shadowClose.attachShadow({mode: 'closed'});  
}

document.addEventListener('DOMContentLoaded', function() {
    document.querySelectorAll('.slides--i').forEach(makeShadowTree);
});

<div class="slides">
    <div class="slides--i" id="slide--1"></div>
    <div class="slides--i" id="slide--2"></div>
    <video autoplay muted loop class="slides--i" id="slide--video">
        <source src="img/slides/slide-03-video.mp4" type="video/mp4">
    </video>
</div>
...