Как добавить видео на HTML-страницу через JavaScript - PullRequest
Новая
       10

Как добавить видео на HTML-страницу через JavaScript

0 голосов
/ 18 февраля 2019

Я пытаюсь добавить видео на html-страницу, не добавляя источник с помощью тега video.

Я создал файл .txt с html & javascript кодом.

Я добавил в файл .txt этот код в тег видео: 

video id="Vid" controls="controls"  style="width: 100%; height: 80%; border: thick groove #FF0000" oncontextmenu="return false"

Я добавил этот код в HTML-код и в тег сценария добавил: 

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.log("loaded");
               var blob = this.response;
               var video = document.getElementById('Vid');
               video.oncanplaythrough = function () {
                       console.log("Can play through video without stopping");
                                    URL.revokeObjectURL(this.src);
                                };
                                video.src = URL.createObjectURL(blob);
                                video.load();
                            }
                        };
                        xhr.send();
                    }

Я хотел бы добавить видео из моей папки с видео в проекте моего веб-сайта в javascript без добавления источника в тег видео.Я пытаюсь, чтобы видео не было доступно для загрузки с помощью функции «сохранить страницу» в браузере, но в то же время показывалось в видеопроигрывателе моей HTML-страницы.С помощью кода javascript, который я сделал выше, это предотвратило загрузку видео на мой локальный компьютер.Я надеюсь, что у людей есть несколько альтернативных кодов в JavaScript для этого.Спасибо всем, кто прочитал и ответил.

...