Всем привет!
Возникла необходимость показывать пользователю видео (наример из youtube) внутри 1С.
При реализации через iframe в ПолеHTMLДокумента видео добаляется, но при попытке вопспроизведения ничего не происходит (висит на бесконечной загрузке)
Подскажите, пожалуйста, какие еще есть варинты реализации? или мб как то можно победить и транслировать с youtube?
Заранее всем благодарен!
Возникла необходимость показывать пользователю видео (наример из youtube) внутри 1С.
При реализации через iframe в ПолеHTMLДокумента видео добаляется, но при попытке вопспроизведения ничего не происходит (висит на бесконечной загрузке)
Подскажите, пожалуйста, какие еще есть варинты реализации? или мб как то можно победить и транслировать с youtube?
Заранее всем благодарен!
По теме из базы знаний
- CRM в облаках
- Адаптивный рабочий стол из SVG с вкладками и анимацией от kuzkov.info
- Как на мобильной платформе 1С сделать игру. Расширяем возможности через Поле HTML Документа
- Взаимодействие с сотрудниками и клиентами из одного окна конфигурации 1С (Телеграм, ВКонтакте, Facebook, Discord). Преимущества, технические особенности, подводные камни
- Как мы автоматизировали башню раздачи воды
Найденные решения
2 варианта решения:
1 вариант - опубликовать видео, например на IIS, чтобы оно было доступно по ссылкке вида -https://domain.com/test.mp4 и использовать эту ссылку в src в <video>
2 вариант, использовать JS, если, например, нужно стримить видео с гуглдрайв с авторизацией
1 вариант - опубликовать видео, например на IIS, чтобы оно было доступно по ссылкке вида -
<!DO CTYPE html>
<ht ml>
<head>
<st yle type="text/css">
</style>
</head>
<body>
<video src = "https://domain.com/test.mp4" type="video/mp4" width="480" controls />
</body>
</html>
Показать2 вариант, использовать JS, если, например, нужно стримить видео с гуглдрайв с авторизацией
<ht ml>
<body>
<video width="480" controls
<source id = "video" type="video/mp4" />
</video>
<sc ript>
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.googleapis.com/drive/v3/files/<id_video_googledrive>?alt=media");
xhr.setRequestHeader("Authorization","Bearer <token>");
xhr.responseType = 'blob';
xhr.on load = function(e) {
if (this.status == 200) {
var blob = this.response;
const video = document.getElementById("video");
var reader = new FileReader();
reader.readAsDataURL(blob); // конвертирует Blob в base64 и вызывает onload
reader.on load = function() {
video.src = reader.result;
}
}
};
xhr.send();
</sc ript>
</body>
</html>
ПоказатьОстальные ответы
Подписаться на ответы
Инфостарт бот
Сортировка:
Древо развёрнутое
Свернуть все
Если вы используете последнюю версию html5, вам следует использовать этот код. HTML5 может предложить несколько новых тегов, одним из которых является тег Video.
<ht ml>
<body>
<video width=auto height=auto controls>
<source src="https://www.youtube.com/embed/W7qWa52k-nE" type="video/mp4">
</video>
</body>
</html>
(6)
висит на бесконечной загрузке
Я ютуб не смотрю, т.к. он открывается, но видосы не кажет под моим ростелекомом. Мои полтора блогера на рутубе ща постят раньше, чем на ютубе. Одна только нехорошая там тема - нет воспроизведения видео в очереди. По крайней мере я не в курсе, как это сделать. А то я на ютубах раньше книжки слушал. Так добавишь в список воспроизведения пять книжек и идешь чай пить и конфеты есть. А ща приходится к компу возвращаться.
2 варианта решения:
1 вариант - опубликовать видео, например на IIS, чтобы оно было доступно по ссылкке вида -https://domain.com/test.mp4 и использовать эту ссылку в src в <video>
2 вариант, использовать JS, если, например, нужно стримить видео с гуглдрайв с авторизацией
1 вариант - опубликовать видео, например на IIS, чтобы оно было доступно по ссылкке вида -
<!DO CTYPE html>
<ht ml>
<head>
<st yle type="text/css">
</style>
</head>
<body>
<video src = "https://domain.com/test.mp4" type="video/mp4" width="480" controls />
</body>
</html>
Показать2 вариант, использовать JS, если, например, нужно стримить видео с гуглдрайв с авторизацией
<ht ml>
<body>
<video width="480" controls
<source id = "video" type="video/mp4" />
</video>
<sc ript>
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.googleapis.com/drive/v3/files/<id_video_googledrive>?alt=media");
xhr.setRequestHeader("Authorization","Bearer <token>");
xhr.responseType = 'blob';
xhr.on load = function(e) {
if (this.status == 200) {
var blob = this.response;
const video = document.getElementById("video");
var reader = new FileReader();
reader.readAsDataURL(blob); // конвертирует Blob в base64 и вызывает onload
reader.on load = function() {
video.src = reader.result;
}
}
};
xhr.send();
</sc ript>
</body>
</html>
Показать
Для получения уведомлений об ответах подключите телеграм бот:
Инфостарт бот