Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.11.2023, 11:28
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 778

Просмотр видео файла
Привет. Вопрос возник) Например, есть прикреплённый к сообщению на сайте видео файл. При клике он соответственно начинает скачиваться. Можно сделать так, что бы он сразу воспроизводился в браузере или плеере? Если да, то как это дело провернуть?
Ответить с цитированием
  #2 (permalink)  
Старый 09.11.2023, 13:11
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

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

Нужен конкретный пример, чтобы точно сказать.
Ответить с цитированием
  #3 (permalink)  
Старый 09.11.2023, 13:44
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 778

< 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)
}

С тестовым видео работает. Теперь мне надо как то открыть мой файл и получить ссылку на временной хранилище, как я понимаю?
Ответить с цитированием
  #4 (permalink)  
Старый 09.11.2023, 13:50
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

Сообщение от ureech
< a href="https://billing.bolgow.ru/files/download/414/8c54b71a8e8738077c53c3ec8b793fe8" >01november.mp4 6 Мб </a>
Ошибка 403

----

Нужно посмотреть какие заголовки приходят от сервера по той ссылке
Ответить с цитированием
  #5 (permalink)  
Старый 09.11.2023, 13:53
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 778

https://billing.bolgow.ru/files/down...53c3ec8b793fe8
Ответить с цитированием
  #6 (permalink)  
Старый 09.11.2023, 13:54
Профессор
Отправить личное сообщение для ureech Посмотреть профиль Найти все сообщения от ureech
 
Регистрация: 11.03.2013
Сообщений: 778

Нет ошибки
Ответить с цитированием
  #7 (permalink)  
Старый 09.11.2023, 14:56
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,748

Ну делать обработчик клика по ссылке (с preventDefault) ,брать из ссылки href и подставлять его в src video
Ответить с цитированием
  #8 (permalink)  
Старый 09.11.2023, 14:58
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,748

Сообщение от ureech
https://billing.bolgow.ru/files/down...53c3ec8b793fe8
Черный экран с ошибкой 403 и надписью "Доступ запрещен вернуться на главную"
Ответить с цитированием
  #9 (permalink)  
Старый 09.11.2023, 14:59
Аватар для ruslan_mart
Профессор
Отправить личное сообщение для ruslan_mart Посмотреть профиль Найти все сообщения от ruslan_mart
 
Регистрация: 30.04.2012
Сообщений: 3,018

https://javascript.ru/forum/attachme...d=169953112 4
Изображения:
Тип файла: jpg изображение_2023-11-09_130228865.jpg (8.6 Кб, 6 просмотров)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Видео без <VIDEO> и FLASH DIGIUS Общие вопросы Javascript 1 25.10.2016 03:34
Просмотр видео через тег Video снятое с телефона fortexich Events/DOM/Window 1 24.04.2015 13:27
Загрузка файла и его просмотр vladimircape Events/DOM/Window 3 23.07.2013 10:54
Просмотр кода файла js bartle96 Events/DOM/Window 1 06.05.2013 02:09
Javascript просмотр видео Mary_m Общие вопросы Javascript 13 16.04.2012 12:23