Методы отключения опции загрузки видео в HTML

Чтобы отключить возможность загрузки для элемента видео в HTML, вы можете использовать разные подходы. Вот несколько методов с примерами кода:

Метод 1: отключить атрибут загрузки

Вы можете удалить атрибут загрузки из элемента видео, чтобы предотвратить загрузку. Вот пример:

<video width="600" height="350" controls controlsList="no" download>
  <source src="your_video_url" type="video/mp4">
</video>

Удалите атрибут download, чтобы отключить возможность загрузки:

<video width="600" height="350" controls controlsList="no">
  <source src="your_video_url" type="video/mp4">
</video>

Метод 2: прослушиватель событий JavaScript

Вы можете использовать JavaScript, чтобы отключить опцию загрузки, запретив поведение по умолчанию, когда пользователь нажимает кнопку загрузки. Вот пример:

<video id="myVideo" width="600" height="350" controls controlsList="no" download>
  <source src="your_video_url" type="video/mp4">
</video>
<script>
  const video = document.getElementById('myVideo');
  video.addEventListener('contextmenu', (event) => {
    event.preventDefault();
  });
</script>

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

Метод 3: стилизация CSS

Вы можете использовать CSS, чтобы скрыть кнопку загрузки в элементе видео. Вот пример:

<style>
  video::-webkit-media-controls-enclosure {
    display: none !important;
  }
</style>
<video width="600" height="350" controls controlsList="no" download>
  <source src="your_video_url" type="video/mp4">
</video>

Код CSS нацелен на корпус элементов управления мультимедиа элемента видео и скрывает его, фактически удаляя кнопку загрузки.