Просмотр видео файла
 

Привет. Вопрос возник) Например, есть прикреплённый к сообщению на сайте видео файл. При клике он соответственно начинает скачиваться. Можно сделать так, что бы он сразу воспроизводился в браузере или плеере? Если да, то как это дело провернуть?

Все зависит от реализации этого функционала на сайте. Еще нужно учитывать поддержку видео-файла на уровне браузера и операционной системы.

Нужен конкретный пример, чтобы точно сказать.

< a href="https://billing.bolgow.ru/files/download/414/8c54b71a8e8738077c53c3ec8b793fe8" >01november.mp4 6 Мб </a>

Вот ссылка. Я начал так

var a = document.querySelectorAll('.icms-forum__post-files-file')
let ex = ["mp4", "flv"]
var arr = []
a.forEach(el => {
  var text = el.children[0].innerText.trim()
  arr = text.split('.')
  var exp = arr[1]
  var b = ex.includes(exp)
  if (!ex.includes(arr[1])) return
  var l = el.children[0].firstElementChild
  l.dataset.href = l.href
  l.setAttribute('href', 'javascript:;')
  l.setAttribute('onclick', 'getVideo(this)')
})

function getVideo(e) {
  var div = document.createElement('div');
  div.classList.add('ajax-modal')
  div.style.position = 'relative'
  div.style.width = '400px'
  div.style.height = '300px'
  var video = document.createElement('video');
  video.src = 'https://samplelib.com/lib/preview/mp4/sample-5s.mp4';
  video.autoplay = true;
  div.appendChild(video)
  document.querySelector('article').appendChild(div)
}

С тестовым видео работает. Теперь мне надо как то открыть мой файл и получить ссылку на временной хранилище, как я понимаю?

Ошибка 403

----

Нужно посмотреть какие заголовки приходят от сервера по той ссылке

Нет ошибки

Ну делать обработчик клика по ссылке (с preventDefault) ,брать из ссылки href и подставлять его в src video

Черный экран с ошибкой 403 и надписью "Доступ запрещен вернуться на главную"