Чтобы отключить возможность загрузки для элемента видео в 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 нацелен на корпус элементов управления мультимедиа элемента видео и скрывает его, фактически удаляя кнопку загрузки.