Как удалить из DOM все элементы управления видео JS - PullRequest
Новая
       7

Как удалить из DOM все элементы управления видео JS

0 голосов
/ 08 января 2020

Я знаю, что могу передать control = "false", чтобы не показывать элементы управления, текстовые поля и другие элементы из видео js, но которые скрывают только эти элементы. Я хочу знать, как полностью удалить все элементы, добавленные видео JS из DOM.

1 Ответ

0 голосов
/ 08 января 2020

Vidoe JS имеет следующее HTML для блока управления, поэтому 

<div class="vjs-control-bar" dir="ltr"></div>

В соответствии с вашим вопросом, я считаю его элементами управления, которые вы хотите удалить. Поэтому удалить его 

 let controlbar =  document.querySelector(".vjs-control-bar");
controlbar.parentNode.removeChild(controlbar);

Это должно удалить панель управления из вашего видео. Вы можете сделать то же самое для контекстного меню на видео и т. Д. c

Тогда вам также придется изменить 

<video id="preview-player_html5_api" preload="auto" crossorigin="anonymous" class="vjs-tech" playsinline="playsinline" tabindex="-1" role="application" poster="//vjs.zencdn.net/v/oceans.png" src="//vjs.zencdn.net/v/oceans.mp4" loop=""></video>

и удалить тег controls из тега html

...