Вставка ссылки на видео youtube в форме на сайте

В этом примере покажем как работать с полем формы типа Строка по шаблону. 

Пользователь вводит некоторую строку в поле, а система разбирает ее по шаблону и вставляет в некую разметку. 

В нашем примере входная строка - это ссылка с Youtube, а разметка - это вывод во фрейме этого видео. 

Получается, при вводе ссылки ютуб, пользователь сразу видит визуализацию этого видео. 

Документация - https://falcon.web-automation.ru/docs/vstavka-ssylok-po-shablonu--yutub-ssylka--patternstring

Как реализовать получение ссылки с Ютуб

1. Создаем поле формы с типом Строка по шаблону.

2. Прописываем GetItem: 

CREATE PROCEDURE [dbo].[fm_watch_youtubeLink_getItem]
    @itemID int,	
	@username nvarchar(256)

AS
BEGIN
	select 	'https://www.youtube.com/watch?v=NM__RFv0TTw||NM__RFv0TTw' link,
	'{"templates": [".*?v=(.*)$", "https://youtu.be/(.*)$"], "makeup": "" }' options_link select 'h3' headerTag END

Значение поля передается как исходная строка||id. В настройках поля задаем templates (под какие шаблоны должна подпадать строка) и makeup - результирующая разметка для вывода iframe видео.

Здесь видно, что мы обрабатываем 2 вида ссылок:  

https://www.youtube.com/watch?v=H56ZdNaB8Nw

https://youtu.be/H56ZdNaB8Nw

2. Прописываем SaveItem формы: 

CREATE PROCEDURE [dbo].[fm_watch_youtubeLink_saveItem]
   @username nvarchar(256), 
   @itemID int, 
   @fieldlink nvarchar(256) = ''
AS
BEGIN
    declare @id nvarchar(128) = dbo.str_splitPart(@fieldlink, '||', 2)

	-- 1 SELECT (Result, Msg)
	select 1 Result, 'OK. Входная строка - ' + @fieldlink + '
Youtube Video ID = '+ @id + '' Msg, 1 EnableSaveAlert
END

Через dbo.str_splitPart(@fieldlink, '||', 2) мы извлекаем ID из второй части параметра (string||id). 

В итоге мы упрощаем прием на форме подобных ссылок с возможностью отображения. По аналогии можно принимать и другие внешние ссылки и отображения в iframe этих сторонних ресурсов. 

 

 

Насколько полезна эта возможность?

Последние обновления

Форма генерации счета

Файлы и документы 10.01.2025

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства

Сайт использует Cookie. Правила конфиденциальности OK