Как добавить видео на html страницу через javascript
Я пытаюсь добавить видео на html-страницу без добавления источника через тег видео.
Я создал файл .txt с кодом html и javascript.
Я добавил в файл .txt этот код в тег видео:
video id = "Vid" controls = "controls" style = "width: 100%; height: 80%; border: thick groove #FF0000" oncontextmenu = "return false"
Я добавил этот код в свой html и в тег script я добавил:
window.onload = function () {
var xhr = new XMLHttpRequest();
xhr.open('GET', '../filevideo/video.mp4', true);
xhr.responseType = 'blob'; //important
xhr.onload = function (e) {
if (this.status == 200) {
console.info("loaded");
var blob = this.response;
var video = document.getElementById('Vid');
video.oncanplaythrough = function () {
console.info("Can play through video without stopping");
URL.revokeObjectURL(this.src);
};
video.src = URL.createObjectURL(blob);
video.load();
}
};
xhr.send();
}
Я хотел бы добавить видео из моей папки с видео в проект моего веб-сайта в javascript, не добавляя источник в тег видео. Я пытаюсь сделать так, чтобы видео не было доступно для загрузки в функции «сохранить страницу» в браузере, но в то же время отображалось в видеоплеере моей html-страницы. С кодом javascript, который я сделал выше, это предотвратило загрузку видео на мой локальный рабочий стол хоста. Я надеюсь, что у людей есть несколько альтернативных кодов в javascript для этого. Спасибо всем, кто прочитал и откликнулся.
правда, когда он находится в Интернете, его можно загрузить разными способами, предусмотрев уведомление об авторских правах. если вы не хотите, чтобы кнопка загрузки отображалась, вы можете сделать что-то вроде этого: видео/mp4"> </видео>
Я думал поставить водяной знак на видео Джеймса Койла. Просто с тех пор, как я узнал, как предотвратить загрузку из этого кода javascript моих видео, я попытался использовать этот метод, чтобы дать зрителям лучший пользовательский интерфейс. Я не могу позволить себе технологию DRM & EME, поэтому я обратился к ней. Я знаю, что это программы записи экрана и программы загрузки видео и расширения, но javascript кажется наиболее доступным способом, поскольку в исходном коде люди не могут получить ссылку на видео, и когда я использую функцию сохранения страницы в браузере, видео не собирается. Спасибо за ответ.
Навид Юсефзай. Спасибо за чтение и ваш ответ. Я попытался добавить код, который вы использовали, в тег видео. "controlsList = "nodownload". К сожалению, это не сработало, и когда я использовал исходный тег в html-файле, видео можно было увидеть, но функция «Сохранить страницу» в браузере по-прежнему может получить видео.
даже если вы попытаетесь скрыть исходный javascript для загрузки файла, запрос (включая URL-адрес) будет отображаться в сетевом представлении devtools. взгляните на stackoverflow.com/questions/10236717/…, чтобы узнать, как воспроизводить видео, но блокировать простые запросы на загрузку.
Здравствуйте @Offbeatmammal, спасибо за ваш ответ. Ваша ссылка мне очень помогла. Что мне удалось сделать, так это загрузить серверную программу Apache под названием XAMPP, которая помогает пользователю использовать .htaccess для ввода кода, чтобы предотвратить авторизацию загрузки изображений и видео на локальном хосте. Это сработало, но по какой-то причине время от времени, когда я обновляю страницу, изображения появляются в браузере с исходным кодом страницы, инспектором и инструментами разработчика. Мне любопытно, сталкивались ли вы с этим при загрузке на сервер, и есть ли способ предотвратить доступ в инструментах разработчика браузера?
@Louis, если не считать коммерческих DRM-решений, вы найдете кучу подобных лазеек ... если это видно в браузере без DRM, к нему, вероятно, можно как-то получить доступ ...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Лучше добавить водяной знак и нанять команду юристов. Если вы показываете его пользователю, он может скопировать его различными способами.