Всем привет! Возникла необходимость показывать пользователю видео (наример из youtube) внутри 1С. При реализации через iframe в ПолеHTMLДокумента видео добаляется, но при попытке вопспроизведения ничего не происходит (висит на бесконечной загрузке) Подскажите, пожалуйста, какие еще есть варинты реализации? или мб как то можно победить и транслировать с youtube? Заранее всем благодарен!

2 варианта решения: 1 вариант - опубликовать видео, например на IIS, чтобы оно было доступно по ссылкке вида - https://domain.com/test.mp4 и использовать эту ссылку в src в [CODE] [/CODE] 2 вариант, использовать JS, если, например, нужно стримить видео с гуглдрайв с авторизацией [CODE] var xhr = new XMLHttpRequest(); xhr.open("GET", "https://www.googleapis.com/drive/v3/files/ ?alt=media"); xhr.setRequestHeader("Authorization","Bearer "); 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(); [/CODE]

Показ видео в ПолеHTMLДокумента

CRM в облаках
Адаптивный рабочий стол из SVG с вкладками и анимацией от kuzkov.info
Как приручить драконов. История построения экосистемы на основе 1С
Как на мобильной платформе 1С сделать игру. Расширяем возможности через Поле HTML Документа
Взаимодействие с сотрудниками и клиентами из одного окна конфигурации 1С (Телеграм, ВКонтакте, Facebook, Discord). Преимущества, технические особенности, подводные камни

10. aapetrikov 08.11.24 12:47 Сейчас в теме

2 варианта решения:

1 вариант - опубликовать видео, например на IIS, чтобы оно было доступно по ссылкке вида - https://domain.com/test.mp4 и использовать эту ссылку в src в <video>

<!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>

Показать

2. Sashares 35 05.11.24 22:52 Сейчас в теме

(1) Видео с youtube и в браузере так может висеть на загрузке))
Тут так то не в 1С проблема может быть...

3. user-z99999 71 06.11.24 10:23 Сейчас в теме

(1) В браузере просматривается?

5. aapetrikov 06.11.24 10:49 Сейчас в теме

(3) да, в браузере просматривается.
"бесконечная загрузка" висит только при вызвое из поля HTML из 1С

4. starik-2005 3087 06.11.24 10:42 Сейчас в теме

Если вы используете последнюю версию 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. aapetrikov 06.11.24 11:20 Сейчас в теме

(4) у вас работает данный вариант?
у меня работает только когда в src передаешь двоичные данные, но видео слишком большие для этого варианта
когда в src передаешь ссылку на youtube, ситуация аналогичная, висит на бесконечной загрузке

7. starik-2005 3087 06.11.24 13:46 Сейчас в теме

(6)

висит на бесконечной загрузке

Я ютуб не смотрю, т.к. он открывается, но видосы не кажет под моим ростелекомом. Мои полтора блогера на рутубе ща постят раньше, чем на ютубе. Одна только нехорошая там тема - нет воспроизведения видео в очереди. По крайней мере я не в курсе, как это сделать. А то я на ютубах раньше книжки слушал. Так добавишь в список воспроизведения пять книжек и идешь чай пить и конфеты есть. А ща приходится к компу возвращаться.

8. user2107191 06.11.24 13:48 Сейчас в теме

(6)

когда в src передаешь ссылку на youtube, ситуация аналогичная, висит на бесконечной загрузке

ну поставь VPN, раз ты не в курсе того, что ютуб в россии работает только на мобилках.

9. aapetrikov 06.11.24 15:09 Сейчас в теме

(8) не зависит от видеохостинга, например, с rutube аналогичная ситуация

10. aapetrikov 08.11.24 12:47 Сейчас в теме

2 варианта решения:

1 вариант - опубликовать видео, например на IIS, чтобы оно было доступно по ссылкке вида - https://domain.com/test.mp4 и использовать эту ссылку в src в <video>

<!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>

Показать